Ext radio 取值和设置选中

孤城冰

于 2019-08-02 09:00:15 发布

阅读量2k

点赞数

分类专栏：前端web Ëxt 文章标签： redio

本文链接：https://blog.csdn.net/woyizhizaizhaoni/article/details/98169718

版权

前端web 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

Ëxt

25 篇文章 1 订阅

订阅专栏

设置radio被选中的设置：

var equRad=Ext.getCmp("equRadio").getRefItems();
    for(var b=0;b<equRad.length;b++){
        if(equRad[b].inputValue==equcode){
            equRad[b].checked=true; //设置选中取值的修改
            equRad[b].setRawValue(true);//设置显示页面是否选中
        }else{
            equRad[b].checked=false;
            equRad[b].setRawValue(false);
        }
    }

radio取值的设置

Ext.getCmp('equRadio').getChecked()[0].inputValue //取值
Ext.getCmp('equRadio').getChecked()[0].boxLabel  //取名

完整代码：

//设置面板-组件
 var equRadio=Ext.create('Ext.form.RadioGroup',{
        id:'equRadio',
        hideLabel : true,
        // vertical: true,
        Horizontal:true,
        layout:'vbox',
        items:[
           /* { boxLabel: 'Item 1',id:'sbmcid',name: 'sbmc', inputValue: '1' },
            { boxLabel: 'Item 2',id:'sbmcid',name: 'sbmc', inputValue: '2', checked: true}*/
        ],
        listeners:{
            change:function(field,newVal,oldVal,eOpts){
                changEquSite(newVal);
                childEquQuery();
            }
        }
    });
    var westPanel=Ext.create('Ext.panel.Panel',{
        id:'westPanel',
        layout:'vbox',
        width:'30%',
        /*frame:true,
        border:false,
        baseCls: 'my-panel-no-border',*/
        region:'west',
        items:[equRadio]
    });
//动态加载
Ext.data.StoreManager.lookup('sbmcStore').on('load', function (store, records) {
        // Ext.getCmp("sbmc").select(Ext.data.StoreManager.lookup('sbmcStore').getAt(0));
        // Ext.getCmp("mainequsite").setText("mainEquSite:"+Ext.data.StoreManager.lookup('sbmcStore').data.items[0].get("V_EQUSITENAME"));

        if(records.length>0){
            var redios=[];
            for(var i=0;i<records.length;i++){
                if(i==0){
                    Ext.ComponentManager.get("equRadio").add({
                        checked : true,
                        boxLabel : records[0].get("V_EQUNAME"),
                        name : "sbmc",
                        // width:'300',
                        // labelWidth:'280',
                        inputValue : records[0].get("V_EQUCODE")
                    });
                    Ext.ComponentManager.get("equSiteRadio").add({
                        checked : true,
                        boxLabel : records[0].get("V_EQUSITENAME"),
                        name : "mainequsite",
                        inputValue : records[0].get("V_EQUSITE")
                    });
                }else{
                    Ext.ComponentManager.get("equRadio").add({
                        boxLabel : records[i].get("V_EQUNAME"),
                        name : "sbmc",
                        inputValue : records[i].get("V_EQUCODE")
                    });
                    Ext.ComponentManager.get("equSiteRadio").add({
                        boxLabel : records[i].get("V_EQUSITENAME"),
                        name : "mainequsite",
                        inputValue : records[i].get("V_EQUSITE")
                    });
                }
            }
        }

       /* Ext.ComponentManager.get("equRadio").add({
            checked : true,
            id:'sbmcid',
            boxLabel : '1',//records.data[0].get("V_EQUNAME"),
            name : "sbmc",
            inputValue :'10'//records.data[0].get("V_EQUCODE")
        });*/
        // Ext.ComponentManager.get("westPanel").items.add({});
        // Ext.getCmp('cpanel').show();
        // Ext.getCmp('sgrid').getView().refresh()
    });

//监听选中单选事件--设置联动redio
function changEquSite(selValue){
    var records=Ext.data.StoreManager.lookup('sbmcStore').data.items;
    var equsiteCode="";
    if(records.length>0){
        for(var a=0;a<records.length;a++) {
            if (records[a].get("V_EQUCODE")==selValue) {
                equsiteCode=records[a].get("V_EQUSITE");
                break;
            }
        }
    }
    var equSiteRad=Ext.getCmp("equSiteRadio").getRefItems();
    for(var b=0;b<equSiteRad.length;b++){
        if(equSiteRad[b].inputValue==equsiteCode){
            equSiteRad[b].checked=true;
        }else{
            equSiteRad[b].checked=false;
        }
    }
}

//动态加载时候，每次从新选择，radio空间items数据清空
Ext.getCmp('sblx').on('select', function () {
        Ext.data.StoreManager.lookup('sbmcStore').load({
            params: {
                v_v_personcode: Ext.util.Cookies.get('v_personcode'),
                v_v_deptcodenext: Ext.getCmp('zyq').getValue(),
                v_v_equtypecode: Ext.getCmp('sblx').getValue()
            }
        });
        Ext.ComponentManager.get("equRadio").items.removeAll();
        Ext.ComponentManager.get("equRadio").doLayout();

        Ext.ComponentManager.get("equSiteRadio").items.removeAll();
        Ext.ComponentManager.get("equSiteRadio").doLayout();
    });