如何在ExtJs 4.1.1中获取搜索按钮？

Question

如果我在按钮中使用'x-form-search trigger'作为iconCls，搜索（放大镜）图标将显示为按钮内的图像。如何将图标设为按钮而不是按钮内的图像？

或者还有其他方法可以将搜索图标作为按钮吗？

Answer 1

您可以编写触发点击功能，而不是添加带有搜索图标的按钮，而不是单击搜索图标，即组合触发器，您可以编写逻辑或调用函数 以下是示例

      // The data store containing the list of states
           var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AK", "name":"Alaska"},
        {"abbr":"AZ", "name":"Arizona"}
        //...
    ]
});

// Create the combo box, attached to the states data store
Ext.create('Ext.form.ComboBox', {
    fieldLabel: 'Choose State',
    store: states,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    renderTo: Ext.getBody(),
    onTrigger1Click: function(event) {
                                   alert('WRITE YOUR LOGIC HERE');
                                },

});