EasyUI Combobox 是一個非常方便的下拉框控件,它可以從本地數據或遠程服務器獲取數據,并且支持多種格式的數據加載方式。其中 json 格式是最常用的一種格式。
使用 json 格式加載數據時,需要在初始化 combobox 控件時設置它的 data 屬性,該屬性應該是一個 json 對象,它包含兩個屬性:total 和 rows。total 表示數據的總數,rows 表示一個數組,這個數組包含多組數據。
$(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,表示從這個文件中獲取數據。同時,我們還指定 valueField 和 textField 屬性分別表示 combobox 控件顯示的值和要提交的值是哪個屬性。mode 屬性表示數據加載的方式,remote 表示遠程加載,panelHeight 屬性表示下拉列表框的高度。最重要的是 data 屬性,上述例子中的 data 對象表示 json 格式的數據。rows 數組中包含了三個對象,每個對象都有 id 和 text 兩個屬性,表示數據的 id 和顯示文本。
EasyUI Combobox 支持多種數據加載方式,我們也可以從數據庫和服務器獲取數據并將其以 json 格式返回,更方便地加載數據到 combobox 控件中。
上一篇python 租房 找房
下一篇python 科學畫圖