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

31 Jan 2014, 12:32 AM
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.

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(),
xtype: 'customtrigger',
id : 'testTrigger',
fieldLabel: 'Sample Trigger',
emptyText: 'click the trigger',
listeners : {
afterrender : function(cmp){