easyui combobox組合框 (二)
阿新 • • 發佈:2019-01-04
這一篇主要就說一下onSelect這個方法的用處。
先來一段程式碼。前提是id為“t-id”的combobox組合框已經載入資料
onSelect在組合框的item被選擇時觸發。
html部分
<input id="t-id" type='text'>
<input id="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);
}
})
}
如有不對,歡迎留言指正,謝謝