PDA

View Full Version : Customized trigger field component is not able to disabl the textfield alone,



Gunasekar.Jabbala
31 Jan 2014, 12:32 AM
Hi,
I customized a triggerfield component like Combobox, i have chnaged trigger icon with own icon. I opened ExtJS window by clicking on that trigger icon upto here everything is working fine. but here i want to make gray shadow on the text field look like disable and the icon visible is enable, I tried in different ways, but i am not able to find the solution, please help be to complete this issue or suggest me any ticket if exist.

Thanks in advance.
(:|

palakurthivishal
3 Feb 2014, 2:08 AM
Hello Gunasekar.Jabbala,
Try this snippet, hope this should solve your case.


Ext.define('Ext.ux.CustomTrigger', {
extend: 'Ext.form.field.Trigger',
alias: 'widget.customtrigger',


// override onTriggerClick
onTriggerClick: function() {
Ext.Msg.alert('Status', 'You clicked my trigger!');
}
});


Ext.create('Ext.form.FormPanel', {
title: 'Form with TriggerField',
bodyPadding: 5,
width: 350,
renderTo: Ext.getBody(),
items:[{
xtype: 'customtrigger',
id : 'testTrigger',
fieldLabel: 'Sample Trigger',
emptyText: 'click the trigger',
listeners : {
afterrender : function(cmp){
debugger;
cmp.getEl().select('input').set({'disabled':true});
}
}
}]
});