您的位置:首页 > 产品设计 > UI/UE

从后台绑定数据到ligerui 的comboBox下拉框组件

2016-01-25 21:38 681 查看
这次来记录一下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其中了,假设你连怎么获取后台数据都不知道,那我就不多说了。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: