ExtJS 4.2.2組合框字段顯示在窗口後面

我遇到了一個問題，我彈出一個帶有加載組合框的窗口，當我點擊它時，窗口顯示後面的窗口。ExtJS 4.2.2組合框字段顯示在窗口後面

想到我可能會使用一些設置錯誤，我創建了一個基於ComboBox的文檔的小測試，並且它也爲我完成。 （如果你試試吧，可能需要拖動窗口的底部最多見的選項）

showTestWindow = function() { 
var states = Ext.create('Ext.data.Store', { 
    fields: ['abbr', 'name'], 
    data : [ 
     {"abbr":"AL", "name":"Alabama"}, 
     {"abbr":"AK", "name":"Alaska"}, 
     {"abbr":"AZ", "name":"Arizona"} 
     //... 
    ] 
}); 

var window = Ext.create('Ext.window.Window', { 
    width: 525, 
    height: 280, 
    items: [// Create the combo box, attached to the states data store 
       { 
     xtype: 'combobox', 
      fieldLabel: 'Choose State', 
      store: states, 
      queryMode: 'local', 
      displayField: 'name', 
      valueField: 'abbr' 
       } 
    ] 
}).show(); 
}

我創建了一個的jsfiddle，但它沒有問題。 http://jsfiddle.net/N9VUr/（我假設的東西是對的jsfiddle環境有什麼不同？）

我既Firefox和Internet Explorer

想這這是一個錯誤煎茶，還是我做錯了什麼？解決這個問題的最簡單方法是什麼？

編輯

而且，放心，這不僅是我的本地設置，或在我結束的東西，將不勝感激，如果我可以讓別人來測試它。

截圖： example screenshot

來源

2014-01-13 DoubleDouble

我不知道我是否理解你的問題在這裏。你能發佈它的截圖嗎？另外，請嘗試在窗口上設置屬性[modal]（http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.window.Window-cfg-modal）。 – player

發佈了截圖;我試過模態，但沒有效果，除了模糊combolist。 – DoubleDouble

如果您急於修復問題，最快捷的解決方案是添加css。

.x-combo-list{z-index:100000 !important;}

來源

2014-01-15 05:35:05 Xelt

這是解決它的最好方法。在做了一些觀察之後，我還看到，無論出於何種原因，我們正在改變CSS中窗口的z索引，導致它比平常高。 – DoubleDouble

真的最好不要改變z-index。 ExtJs正確設置z-index。所以一旦你開始修改它的一個元素，你將被迫改變它的另一個，然後另一個，然後againg另一個... –

你觀察到的行爲可能與您所創建的窗口前組合的事實。

使用xtype將複選框的創建推遲到窗口的渲染。

var window = Ext.create('Ext.window.Window', { 
    width: 525, 
    height: 280, 
    items: [{ 
     xtype: 'combobox', 
     fieldLabel: 'Choose State', 
     store: states, 
     queryMode: 'local', 
     displayField: 'name', 
     valueField: 'abbr' 
    }] 
}).show();

來源

2014-01-14 06:16:04

謝謝，但使用xtype沒有任何影響。然而，改變了我的代碼以反映這一點，因爲這是大多數人想要查看它的原因。 – DoubleDouble

我不知道在哪裏看。正如你所說的小提琴在工作......所以你的情況一定會有所不同。祝你好運找到它！ –

你說得對，我不得不開始瀏覽CSS來查找我的問題。 – DoubleDouble

此問題可能是由當前頁面上其他代碼塊中的錯誤引起的。這個意見根據我自己的經驗

來源

2014-01-15 08:52:57

也發生在我之前，不幸的是，這隻發生在上面的代碼。除了調用該函數的'Ext.onReady（）'外。 – DoubleDouble

ExtJS 4.2.2組合框字段顯示在窗口後面

回答

相關問題