EasyUI Combobox 是一個非常方便的下拉框控件，它可以從本地數(shù)據(jù)或遠程服務(wù)器獲取數(shù)據(jù)，并且支持多種格式的數(shù)據(jù)加載方式。其中 json 格式是最常用的一種格式。

使用 json 格式加載數(shù)據(jù)時，需要在初始化 combobox 控件時設(shè)置它的 data 屬性，該屬性應(yīng)該是一個 json 對象，它包含兩個屬性：total 和 rows。total 表示數(shù)據(jù)的總數(shù)，rows 表示一個數(shù)組，這個數(shù)組包含多組數(shù)據(jù)。

$(document).ready(function(){
$('#combobox').combobox({
url:'data.json',
valueField:'id',
textField:'text',
mode:'remote',
panelHeight:'auto',
data: {         
total: 3,
rows: [{
"id":"001",
"text":"北京"
},{
"id":"002",
"text":"上海"
},{
"id":"003",
"text":"廣州"
}]
}
});
});

上面的代碼中，我們指定了 combobox 控件的 url 屬性為 data.json，表示從這個文件中獲取數(shù)據(jù)。同時，我們還指定 valueField 和 textField 屬性分別表示 combobox 控件顯示的值和要提交的值是哪個屬性。mode 屬性表示數(shù)據(jù)加載的方式，remote 表示遠程加載，panelHeight 屬性表示下拉列表框的高度。最重要的是 data 屬性，上述例子中的 data 對象表示 json 格式的數(shù)據(jù)。rows 數(shù)組中包含了三個對象，每個對象都有 id 和 text 兩個屬性，表示數(shù)據(jù)的 id 和顯示文本。

EasyUI Combobox 支持多種數(shù)據(jù)加載方式，我們也可以從數(shù)據(jù)庫和服務(wù)器獲取數(shù)據(jù)并將其以 json 格式返回，更方便地加載數(shù)據(jù)到 combobox 控件中。