ComboGrid（数据表格下拉框）二级联动

版权声明：本文为博主原创文章，创作不易转载请注明出处 https://blog.csdn.net/awangwu/article/details/82869936

//jsp
<input id="codeType" name="dept" value="01" />
<input id="productType" name="dept" value="02" />
//js
$.ajax({
    url: base + "/operating/getCodeType",
    async: false,
    data: {//参数
       // "hospitalCode": ''
    },
    dataType: "json",
    type: 'POST',
    success: function(data) {
        hospitalCodeData = data;//将返回值赋值一个变量
    }
});
$('#codeType').combogrid({
    multiple: true,//设置多选
    idField: 'id',
    textField: 'text',
    data : hospitalCodeData,//设置combogrid下拉插件所用的数据
    columns: [[
        {field:'ck',checkbox:true,width:40},//复选框
        {field:'id',title:'xxxxx',width:330},
        {field:'text',title:'xxxx',width:330}
    ]],
    editable : false,
    fitColumns: true,//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动。
    panelHeight:'200px',//设置面板高度
    onSelect : function(rec){//用户选中一行时触发
        var url = '${path}/operating/getCode?codeType='+rec.id;
        $('#productType').combobox('reload', url);
    }
});
$('#productType').combogrid({
    multiple: true,
    idField: 'id',
    textField: 'text',
    data : hospitalCodeData,
    columns: [[
        {field:'ck',checkbox:true,width:40},
        {field:'id',title:'xxxx',width:330},
        {field:'text',title:'项目编码名称',width:330}
    ]],
    editable : false,
    fitColumns: true,
    panelHeight:'200px',
})
;