extJs单选框(radio)如何设置为不可编辑

发布网友发布时间：2022-05-06 17:28

共4个回答

懂视网时间：2022-05-18 02:42

ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。

今天朋友遇到了一个问题:ExtJS中的下拉列表如何设置不可编辑的，html中是不可以编辑的，但是现在这种UI框架中的下拉列表框都是可以编辑的，朋友的需求就是像html中的那样效果，所以朋友想到了用editable属性，但是写了这个属性之后就报错了，当时并没有看错误，我给他找了1个属性设置为不可编辑的，但是还是不好使，又看了一遍的错误，查了一下API，最后解决了这个问题。

报的错误如下所示：

大概的意思是说：如果typeAhead可用了，那么这个下拉列表框的editable属性也必须设置true。

typeAhead默认就是false，好像哪块设置为true了，所以解决的办法就是将两个属性都设置为false。

即：

typeAhead:false,

editable:false

希望可以帮助到有需要的人们。

热心网友时间：2022-05-17 23:50

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 没起作用，就说明写错地方了。要不发一下你的代码。

热心网友时间：2022-05-18 01:08

{
xtype:'radio',
fieldLabel : "www",
disabled :true

}

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

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

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

追答cls:'...'

热心网友时间：2022-05-18 02:43

editabled:false 试试这个看不敢肯定追问不管用