easyui combobox组合框 (二)

这一篇主要就说一下onSelect这个方法的用处。
先来一段代码。前提是id为“t-id”的combobox组合框已经加载数据

onSelect在组合框的item被选择时触发。

html部分
"t-id" type='text'>
"t-text" type="text">
javaScript部分:
jquery(function(){
    $('t-id').combobox({
    valueField:'id';
    textField:'text';
    onSelect:function(rec){//rec是选中的数据,json对象。可通过rec.xx来取得值
            //这里可以做你想做的操作
            //比如调用一个自己写的函数。。。
            addData('../xxx/v1/?xxxxx&xx=get_all_tire&tire_param_id='+rec.xx);//假设参数为url

    }
    })
    function addData(curl){
        $('#t-text').combobox({
            url:curl;
            valueField:'id',
            textField:'text'
        })
    }
})

javaScript部分也可以这样写。

$('#t-text').combobox({
            valueField:'id',
            textField:'text'
        })
function addData(curl){
$.ajax({
url:curl,
type:'post',
dataType:'json',
success:function(data){
$('#t-text').combobox('loadData',data.xxx);

}
})
}

如有不对,欢迎留言指正,谢谢

你可能感兴趣的:(jquery,Easyui)