ExtJs 4.2：单选按钮无法正常呈现（按钮丢失但标签可见） [英] ExtJs 4.2: Radio Button not rendering properly(Button is missing but label is visible)

问题描述

我正在尝试在我的应用程序（Extjs 4.2）中实现一个简单的单选按钮。
但是单选按钮不可见。这是我的代码生成无线电按钮（以下代码在面板的项目数组内）：

  {
 xtype： 'form'，
 header：false，
 items：[{
 xtype：'radiogroup'，
 fieldLabel：'Choose'，
 items：[
 {boxLabel：'选项1'，name：'rb'，inputValue：'1'，inputValue：'Checked'}，
 {boxLabel：'选项2'，name：'rb'，inputValue：'2 '} 
] 
}] 
} 
  

它显示它。

有人可以指出我的错？谢谢

解决方案

您的CSS缺少单选按钮样式。所以你必须使用Sencha Cmd，因为否则CSS会完成。

所以让Cmd再次编译你的代码，然后应该相应地更新CSS，一切都应该

您的应用的未编译版本仍然需要编译版本的CSS，因为浏览器无法理解SCSS文件格式。

I am trying to implement a simple Radio Button in my application(Extjs 4.2). But the Radio buttons are not visible. This is my code for generating radio Button(following code is inside Items array of panel):

{
    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' }
        ]
    }]
}

This is how it displays it.

Can someone point out my mistake? Thanks

解决方案

Your CSS is lacking the radio button styles. So you have to be using Sencha Cmd, because otherwise CSS would be complete.

So let Cmd compile your code once again, then the CSS should be updated accordingly and everything should work.

The uncompiled version of your app still requires the compiled version of CSS, because browsers can't understand the SCSS file format.

这篇关于ExtJs 4.2：单选按钮无法正常呈现（按钮丢失但标签可见）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！