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/