從后台綁定數據到ligerui 的comboBox下拉框組件

這次來記錄一下ligerUI的comboBox下拉框組件，ligerUI的API里也有相關描寫敘述，上面都是前台寫死數據，然后顯示在組件中，我這次要說的是將后台的數據綁定到下拉框組件中，廢話不多說。

首先要引用ligerUI的ligerComboBox.js就不多說了。

 

function showComboBox(xmlListXml){
	//重點來了，這是通過后台查詢出的數據集合
	//你能夠通過ajax獲取后台集合，也能夠通過解析xml獲取。
	//rs就是我從后台得到的集合。

	//就不多說了。看看怎么把后台獲取的數據綁定到comboBox中
        var rs=xmlListXml.getElementsByTagName("r");
        var array = new Array();
        for(var i = 0;i<rs.length;i++){
        	var option = {};
		//id和text相應下拉框列表項的id和value，
		//值能夠同樣，依據個人須要來
        	option.id = rs[i].childNodes[1].firstChild.data;
        	option.text = rs[i].childNodes[1].firstChild.data;
        	array.push(option);
        }					
        $("#cmb").ligerComboBox({ 
         	data: array, 
            	onSelected: function(newValue){
            		alert(newValue);
            	},
            	emptyText: '<全部事件類型>',
            	isMultiSelect: false,
            	highLight:true,
            	Width: 280
        });
}

 

這樣就能夠將后台數據綁定到comboBox其中了，假設你連怎么獲取后台數據都不知道。我就不多說了。

。

。

這樣就能夠將后台數據綁定到comboBox其中了，假設你連怎么獲取后台數據都不知道。那我就不多說了。。。
這樣就能夠將后台數據綁定到comboBox其中了，假設你連怎么獲取后台數據都不知道，那我就不多說了。。。
這樣就能夠將后台數據綁定到comboBox其中了，假設你連怎么獲取后台數據都不知道，那我就不多說了。

。

。
這樣就能夠將后台數據綁定到comboBox其中了，假設你連怎么獲取后台數據都不知道，那我就不多說了。。。