easyui 绑定下拉框,下拉框选择改变事件的触发方法

Posted 人生为卒

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui 绑定下拉框,下拉框选择改变事件的触发方法相关的知识,希望对你有一定的参考价值。

//①定义下拉框
 //离线公司【个人或公司】 下拉框
    var tmpComOrPer = {
        type: ‘combobox‘,
        options: {
            onSelect:function(data) {
                ComOrPerChange(false);
            },
            editable:false,
            panelHeight: ‘auto‘,
            valueField: ‘Type‘,
            textField: ‘label‘,
            data: [ {
                label: ‘@BaseRes.OSP_CTL_087‘,
                Type: ‘0‘
            }, {
                label: ‘@BaseRes.OSP_CTL_088‘,
                Type: ‘1‘
            }],
            required: true
        }

    }

//②绑定下拉框
。。。。。
  {  align: ‘center‘, field: ‘ComOrPer‘, title: ‘@BaseRes.OSP_CTL_127‘, width: 65, editor: tmpComOrPer}
。。。。。。

  

选择事件

onSelect:function(data) {
ComOrPerChange(false);
},

 

 

 

datagrid 动态绑定下拉框

   function ComOrPerChange(bl) {

        var row =comdg.thisdg.datagrid(‘getSelected‘);
        var rowIndex = comdg.thisdg.datagrid(‘getRowIndex‘,row);//获取行号
        var target = comdg.thisdg.datagrid(‘getEditor‘, {‘index‘:rowIndex,‘field‘:‘ReportType‘}).target;
        var targetValue = target.combo("getValue");
        target.combobox(‘clear‘); //清除原来的数据

        var targetComOrPer = comdg.thisdg.datagrid(‘getEditor‘, {‘index‘:rowIndex,‘field‘:‘ComOrPer‘}).target;

        if (targetComOrPer.combo("getValue") == "1") {
            target.combobox({data:[ {
                label: ‘@BaseRes.OSP_CTL_100‘,
                Type: ‘12‘
            }, {
                label: ‘@BaseRes.OSP_CTL_101‘,
                Type: ‘13‘
            }, {
                label: ‘@BaseRes.OSP_CTL_102‘,
                Type: ‘14‘
            }]});
        } else {
            target.combobox({data:[ {
                label: ‘@BaseRes.OSP_CTL_089‘,
                Type: ‘0‘
            }, {
                label: ‘@BaseRes.OSP_CTL_090‘,
                Type: ‘1‘
            }, {
                label: ‘@BaseRes.OSP_CTL_091‘,
                Type: ‘2‘
            }, {
                label: ‘@BaseRes.OSP_CTL_092‘,
                Type: ‘3‘
            }, {
                label: ‘@BaseRes.OSP_CTL_093‘,
                Type: ‘4‘
            }, {
                label: ‘@BaseRes.OSP_CTL_094‘,
                Type: ‘5‘
            }, {
                label: ‘@BaseRes.OSP_CTL_095‘,
                Type: ‘6‘
            }, {
                label: ‘@BaseRes.OSP_CTL_096‘,
                Type: ‘7‘
            }, {
                label: ‘@BaseRes.OSP_CTL_097‘,
                Type: ‘8‘
            }, {
                label: ‘@BaseRes.OSP_CTL_098‘,
                Type: ‘9‘
            },{
                label: ‘@BaseRes.OSP_CTL_171‘,
                Type: ‘10‘
            }, {
                label: ‘@BaseRes.OSP_CTL_099‘,
                Type: ‘11‘
            }@*, {
                    label: ‘@BaseRes.OSP_CTL_100‘,
                    Type: ‘12‘
                }, {
                    label: ‘@BaseRes.OSP_CTL_101‘,
                    Type: ‘13‘
                }, {
                    label: ‘@BaseRes.OSP_CTL_102‘,
                    Type: ‘14‘
                }*@]});
        }
        if(bl)
            target.combobox("setValue", targetValue);
    }

  

以上是关于easyui 绑定下拉框,下拉框选择改变事件的触发方法的主要内容,如果未能解决你的问题,请参考以下文章

easy ui 下拉框绑定事件

easyui combobox 用代码赋值不触发change事件,选择值会触发

MVVM下拉框绑定触发事件

MVVM下拉框绑定触发事件

MVVM下拉框绑定触发事件

MVVM下拉框绑定触发事件