jquery easyUI datagrid中combobox级联过滤怎么实现

发布网友发布时间：2023-12-04 07:04

共1个回答

热心网友时间：2024-04-24 17:13

1：准备2个input设置不同的id

<input id="box1">
<input id="box2">
2：注册easyui的combobox控件

$('#box1').combobox({
    data:[{id:0,text:'广州'},{id:1,text:'上海'}]
    valueField:'id',
    textField:'text'
});
$('#box2').combobox({
    valueField:'id',
    textField:'text'
});
3：由box1联动显示box2的数据，设置box1的onSelect事件
$('#box1').combobox({
    onSelect:function(record){
        var region=[];
        if(record.id==0){//如果城市是广州
            region.push={id:0101,text:"黄埔区"};
            region.push={id:0102,text:"天河区"};
        }else if(record.id==1){//如果城市是上海
            region.push={id:0101,text:"浦东区"};
            region.push={id:0102,text:"松江区"};
        }
        //给box2赋值
        $('#box2').combobox({
            data: region
        });
    }
});
4：