cross-browser - ExtJs 4.1 跨浏览器问题（标题中的组合框不起作用）

Question

以下代码在标题中创建带有组合框的网格列，但仅在 IE 中为其他浏览器组合框工作是不可点击的。

columns : [ {
       header : 'Selected Year<br/><select  style="width:80px" id="mndyearlist"</select>',menuDisabled : true,width:100}]

谢谢

Answer 1

单击标题已附加处理程序，并且每次单击都从选择中冒泡。另外，默认情况下还附加了拖放功能，这也无济于事。所以，你应该改变这种行为。例如，您可以Column像这样扩展：

Ext.define('Ext.grid.column.SelectColumn', {
    extend: 'Ext.grid.column.Column',
    alias: 'widget.selectcolumn',

     // disable D&D
    draggable: false,

    // handle click event
    onElClick: function(e, t) {
        var target = e.getTarget('select');
        // if event is from select supress default behaviour
        if (!target) {
            return this.callParent(arguments);
        }
    }
});

然后只需在您的网格中使用该列，您select应该可以工作。

工作样本：http: //jsfiddle.net/9aTUY/4/