从后台绑定数据到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其中了，假设你连怎么获取后台数据都不知道，那我就不多说了。。。