【问题标题】:Combobox in extjs doesn't respond to mouse eventsextjs 中的组合框不响应鼠标事件
【发布时间】:2014-05-01 16:56:52
【问题描述】:

http://jsfiddle.net/srikanthradix/nwNte/2/

我有一个 filterContainer,它有两个组合框,当我使用鼠标键入或选择时,它们应该过滤网格数据。 keyup 事件正在工作,但是,当我使用鼠标选择时,网格数据没有改变。

这是小提琴中创建组合框的 sn-p。

我尝试在 checkChangeEvents 列表中添加其他事件,除了不起作用的默认值。

var filterContainer = Ext.create('Ext.container.Container', {
        border: false,
        layout: {
            type: 'table',
            columns: 2
        },
        items: [{
            xtype: 'combobox',
            store: jsonStore,
            queryMode: 'local',
            fieldLabel: 'Company',
            labelAlign: 'top',
            labelSeparator : '',
            displayField: 'company',
            valueField: 'company',
            rowspan: 1,
            style: 'padding:0 15px 10px 0',
            checkChangeEvents : ['change', 'input', 'textInput', 'keyup', 'dragdrop','keydown','select']
            }, 
            {
                xtype: 'combobox',
                store: jsonStore,
                queryMode: 'local',
                fieldLabel: 'Price',
                labelAlign: 'top',
                labelSeparator : '',
                displayField: 'price',
                valueField: 'price',
                rowspan: 1,
                style: 'padding:0 15px 10px 0'
            }]
        });

您能否建议我应该怎么做才能使组合框响应鼠标事件?

【问题讨论】:

  • 为什么在网格列的文本字段中而不是在组合框中有 keyup 侦听器?

标签: javascript extjs combobox extjs4.2


【解决方案1】:

你听change事件吗?如果是这样,还要听select 事件(相同的逻辑),因为change 仅在使用鼠标选择值后在组合模糊时触发。

【讨论】:

  • 我是否需要为选择和更改事件编写监听器?之后我该怎么办?
  • 你已经有一个 keyup 监听器,只需在 select 监听器上执行相同的功能。
猜你喜欢
  • 1970-01-01
  • 2016-07-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多