EasyUI Combobox 是一個很方便的工具,可以幫助我們快速地在網(wǎng)站中建立起下拉列表。在使用 EasyUI Combobox 時,我們通常需要從后端服務器獲取數(shù)據(jù),這個過程可以通過 JSON 數(shù)據(jù)格式來完成。下面就是具體的實現(xiàn)過程:
$(function(){ $('#myCombobox').combobox({ url:'data.json', //向服務器發(fā)送請求的地址 valueField:'myValue', //與下拉列表中的value值對應的屬性名 textField:'myText', //下拉列表中顯示值所對應的屬性名 onLoadSuccess:function(data){ console.log(data); } }); });
在上述代碼中,我們先是調(diào)用了 combobox 方法,然后在方法中傳入一個配置對象。其中,url 屬性指定了從服務端獲取數(shù)據(jù)的地址,而 valueField 和 textField 分別指定了對應的屬性名。除此之外,我們還可以通過 onLoadSuccess 方法來監(jiān)聽數(shù)據(jù)加載完成事件,在方法里面打印出 data 變量,就可以查看從服務器返回的 JSON 數(shù)據(jù)了。