2016-03-07 74 views
0

我想在我的應用程序(Extjs 4.2)中實現一個簡單的單選按鈕。 但單選按鈕不可見。這是我的用於產生無線電按鈕的代碼(以下代碼是面板的內部項目陣列):ExtJs 4.2:單選按鈕沒有正確渲染(按鈕丟失,但標籤可見)

{ 
    xtype:'form', 
    header: false, 
    items:[{ 
     xtype: 'radiogroup', 
     fieldLabel: 'Choose', 
     items: [ 
      { boxLabel: 'Option 1', name: 'rb', inputValue: '1' ,inputValue: 'Checked'}, 
      { boxLabel: 'Option 2', name: 'rb', inputValue: '2' } 
     ] 
    }] 
} 

這是如何顯示它。

enter image description here

有人能指出我的錯誤?謝謝

+0

需要更多的代碼。我在[小提琴](https://fiddle.sencha.com/#fiddle/16p6)中測試過,一切正常。 – LightNight

+0

@LightNight是的,我也在小提琴測試,一切正常, 我應該在這裏發佈什麼? –

+0

編寫完整的面板代碼以便使用。像這樣我無法跟蹤問題,也許問題出在另一個組件佈局配置中。另外,您使用的是Extjs的正式版本? 4.2.1?看在控制檯:'Ext.versions.extjs.version' – LightNight

回答

1

你的CSS缺乏單選按鈕樣式。所以你必須使用Sencha Cmd,否則CSS將會完成。

因此,讓Cmd再次編譯您的代碼,然後CSS應該相應地更新,一切都應該工作。

應用程序的未編譯版本仍需要編譯版本的CSS,因爲瀏覽器無法理解SCSS文件格式。

+0

非常感謝。像每一次,你的解決方案都像一個魅力:) 謝謝你的解釋。 –