easyui控件之combobox用法。
2014-02-10 14:47
375 查看
easyui的出现确实大大的减少了web开发时间。虽然是免费的。。恩,非商业,那么就将就点用吧。
先写一个combobox下拉列表的用法。。相信很多朋友都会遇见的问题。
下面是绑定方法。
$('#cc').combobox({
url: url,
valueField: 'id',
textField: 'name',
onLoadSuccess: function (data) {
if (data) {
$('#cc').combobox('setValue', data[0].id);
}
}
});
我来解释一下,新增数据的时候下面即可
$('#cc').combobox({
url: url,
valueField: 'id',
textField: 'name'
});
假如编辑的时候可能会要动态绑定这个值,那么就要添加这个属性了
onLoadSuccess: function (data) {
if (data) {
$('#cc').combobox('setValue', data[0].id);
}
就是异步读取数据成功之后,返回data结果,if这里进行判断。有数据的话那么进行绑定。
因为我的绑定的数据是List <> 类型,所以返回的是data[0],这样的数据,后面的Id呢,就是你需要制定的Id。
注:
http://2.taobao.com/item.htm?spm=2007.1000622.0.0.Wm3xd2&id=42814327725
先写一个combobox下拉列表的用法。。相信很多朋友都会遇见的问题。
下面是绑定方法。
$('#cc').combobox({
url: url,
valueField: 'id',
textField: 'name',
onLoadSuccess: function (data) {
if (data) {
$('#cc').combobox('setValue', data[0].id);
}
}
});
我来解释一下,新增数据的时候下面即可
$('#cc').combobox({
url: url,
valueField: 'id',
textField: 'name'
});
假如编辑的时候可能会要动态绑定这个值,那么就要添加这个属性了
onLoadSuccess: function (data) {
if (data) {
$('#cc').combobox('setValue', data[0].id);
}
就是异步读取数据成功之后,返回data结果,if这里进行判断。有数据的话那么进行绑定。
因为我的绑定的数据是List <> 类型,所以返回的是data[0],这样的数据,后面的Id呢,就是你需要制定的Id。
注:
http://2.taobao.com/item.htm?spm=2007.1000622.0.0.Wm3xd2&id=42814327725
相关文章推荐
- easyui-layout和easyui-combobox和jQuery表格控件flexigrid用法总结
- EasyUI的combobox控件使用onchange 问题
- 使用easyUI的combobox下拉框控件实现输入提示功能(google suggest)
- WebMVC中EasyUI的ComboBox控件的运用
- Silverlight控件用法合集DataGrid,ComboBox,DataPick,CheckBox,RadioButtonSilverlight控件用法合集DataGrid,ComboBox,DataPick,CheckBox,RadioButton
- ComboBox 控件的用法教程
- easyUI 小技巧 easyui-combobox控件
- VC中ComboBox控件用法详解
- VC组合框ComboBox控件用法
- C# comboBox控件使用之添加读取项用法
- easyui combobox简单用法
- easyUI combobox 控件 使用
- c#+dev-ComboboxEdit控件用法
- vc中ComboBox控件用法详解
- C#中comboBox控件的一些基本用法小结
- ComboBox、TextBox和labelk控件的绑定数据用法
- easyUI easyui-combobox 和 easyui-combogrid 用法
- VC组合框ComboBox控件用法
- easyui的combobox控件进一步优化
- MFC之ComboBox控件用法实例教程