extJs单选框（radio）如何设置为不可编辑

Posted 2023-04-12

只能通过后台数据库查询将相应的选项置为选择状态，前台页面不能手动编辑，
readOnly:true

disabled:true
都试过了第一个不好用，第二个字体颜色变灰了

readOnly : true 可以的亲自试过，下面是我测试的代码。

Ext.onReady(function() 
var FieldContainer = Ext.create('Ext.form.FieldContainer', 
    items : [
        xtype : 'fieldcontainer',
        layout : 'hbox',
        fieldLabel : 'Size',
        defaults : 
            flex : 1
        ,
        defaultType : 'radiofield',
        items : [
            boxLabel : 'M',
            name : 'size',
            inputValue : 'm',
            readOnly : true,
            id : 'radio1'
        , 
            boxLabel : 'L',
            name : 'size',
            inputValue : 'l',
            readOnly : true,
            id : 'radio2'
        , 
            boxLabel : 'XL',
            name : 'size',
            inputValue : 'xl',
            readOnly : true,
            id : 'radio3'
        ]
    ]
);
Ext.create('Ext.container.Viewport', 
    layout : 'vbox',
        items : [FieldContainer]
    );
);

如果你的 readOnly 没起作用，就说明写错地方了。要不发一下你的代码。

追问

　　你这个radiofield是4.0版本以上的吧
　　items : [
　　xtype : 'radio',
　　name : 'radioTest',
　　boxLabel : '测试01',
　　readOnly : true,
　　inputValue : '01'
　　]

追答

是，我是用 4.2.0 版本测试的。你的是多少？

var FieldContainer = Ext.create('Ext.form.FieldContainer', 
    items : [
            xtype : 'radio',
            name : 'radioTest',
            boxLabel : '测试01',
            readOnly : true,
            inputValue : '01'
        ,
            xtype : 'radio',
            name : 'radioTest',
            boxLabel : '测试02',
            readOnly : true,
            inputValue : '02'
    ]
);

改成你写的也可以。

追问

3.2貌似不行。。。。

追答

这么多新版本，为什么要用老的呢？

再就是不要用disable 属性，一旦设置为 true 时娶不到该对象的。

追问

公司不让用收费的

追答

老大，这个不收费的。公司内部用的话不收费的。
除非你的系统是对外盈利的，也就是对外公开的网站、或者是产品化的系统。

我还有一个方法就是给 radio 赋值之后，在控制它:
Ext.getCmp('radioID').setReadOnly(true);

试试吧

参考技术A      
xtype:'radio',
fieldLabel  : "www",
disabled :true

 

radio设置不可编辑只能用disabled:true，它的效果就是变灰，不可选中

如果你不非得不想变灰，那么请重写ext-all.css或者自己加个弄个新的样式

追问

我写了个CSS样式文字黑色，好像不好用，应该怎么设置？

追答

cls:'...'

参考技术B editabled:false 试试这个看 不敢肯定追问

不管用

MFC的单选按钮、复选框问题

参考技术A 最近用MFC做了一个程序，其中涉及到MFC单选按钮、复选框。
1单选按钮
--

如何实现上述图片
1.将第一列BS_RESET按钮和第二列的BS_RESET按钮的group属性设置为true

2.设置默认选中状态

利用CheckRadioButton函数实现设置默认选中状态，函数的三个参数分别是指，图片中第一列的id号从IDC_RADIO17到IDC_RADIO19，函数的第三个参数是默认选中第一个选中状态。
3.图片中的单选按钮的id号必须是连续编号的
在工程中Resouse.h文件中有id的编号可以在里面修改id编号使其按顺序排列

4.一组单选按钮的函数
为了简化工作这一组按钮我们在同一个消息函数中实现

为IDC_RADIO17添加消息函数

复制这条语句把第一张图中的其他id号改到这句中，就实现了在一个消息函数中处理一组单选按钮

4.得到一组单选按钮的选中id

GetCheckedRadioButton()函数中的两个参数分别是一组单选按钮的第一个id号，和最后一个id号。

1.禁掉一个复选框
右击一个复选框选择属性，将disable改成true

2.在一个消息函数中处理一组复选框
同单选按钮中讲的一样
3.选择默认选中的复选框
在.h文件中定义数据

在.cpp文件中

BOOL CheckDlgButton（HWNDhDlg，int nlDButton,UINT uCheck）；
参数：
hDlg：指向含有该按钮的对话框的句柄。
nlDButton：标识要修改的按钮。
uCheck：给定该按钮的选中状态。该参数可取下列值，这些值的含义如下：
BST_CHECKED：设置按钮状态为己选中（checked或者为1）。
BST_INDETERMINATE：设置按钮状态变灰，表示不确定状态。只有在该按钮具有BS_3STATE或BS_AUTO3STATE样式时才能使用该值。
BST_UNCHECKED：设置按钮为未选中状态（unchecked或者为0）。
4.得到复选框的选中状态值

IsDlgButtonChecked()函数得到一个复选框的选中状态，返回0或者1；可以使用位运算将多个复选框状态放到16进制数中。