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

 我来答
匿名用户
2017-02-27
展开全部

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:

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式