2017-07-25 18 views
6

我在extJS標記字段中發現了一個非常奇怪的錯誤。在使用tagfild之後,我無法查看字段的上下箭頭以在tagfield中查看選定的組件。向上箭頭不是爲標記字段組件的火狐

我創建了一個小提琴手,請在Chrome和Firefox打開Fiddler,看到了差距。

這裏是小提琴的鏈接。 Fiddle 圖像中的紅圈是我在firefox中要求的。 enter image description here

任何人都可以給我一些想法。

+0

我無法在macOS上的Chrome版本59.0.3071.115上看到上下箭頭,您正在使用哪個版本的Chrome?在Windows – overlordhammer

+0

版本59.0.3071.115(正式版本)(64位)10 – David

回答

3

更改您的growMax屬性從5到35它應該是固定的。

Ext.create('Ext.form.Panel', { 
    renderTo: Ext.getBody(), 
    title: 'Sci-Fi Television', 
    height: 200, 
    width: 300, 

    items: [{ 
     xtype: 'tagfield', 
     fieldLabel: 'Select a Show', 
     store: shows, 
     displayField: 'show', 
     valueField: 'id', 
     growMax : 35, 
     queryMode: 'local', 
     filterPickList: true, 

    }] 

});

不可能用於Firefox繪製滾動條當元件的尺寸高度小於34個像素

我試過Safari和Chrome適用於MacOS,他們也沒有顯示在您發佈的例子滾動條。

一旦元素的高度降低到低於該值(圖片#2中的33px)不再顯示時元素的高度變爲等於或大於34像素的值,您就可以在屏幕截圖中看到滾動條。 enter image description here

enter image description here

我希望這有助於解決您的問題。

+0

但我並不需要那麼大場高度 – David

+0

的解決辦法是覆蓋領域的模板,包括你自己的滾動控制,處理click事件和自己滾動視圖,但這不是一個簡單的任務,但並非不可能實現。 – overlordhammer

+0

雅..我用這個作爲臨時解決方案。但讓我們看看我能否得到正確的解決方案。謝謝你的回答 – David