EasyUI combobox 的使用
来源:互联网 发布:六年级英语软件 编辑:程序博客网 时间:2024/06/05 15:11
- 获取值与设置值
var val = $('#id').combobox("getValue"); // 获取值$('#id').combobox("setValue", 1); // 设置值
- 初始化数据,增加一个“选择所有”的选择并默认选中该选项。
// 初始化人员function initEmployee() { $.get('/api/Employee', function (returnData) { // 添加一个“选择所有”的选项 returnData.unshift({ "Name": "--选择所有--", "EmployeeID": -1 }); $("#queryEmployee").combobox({ valueField: 'EmployeeID', textField: 'Name', data: returnData, // 设置默认选中“选择所有”选项 onLoadSuccess: function () { $(this).combobox('setValue', -1); }, onChange: function () { Attendance.query(); } }); });}
PS:返回的 returnData
是个数组,有两种思路。
一是后台返回数据的时候就添加上这个“选择所有”,第二个是在前端添加。
因为 returnData
是个数组,因此可以用 Array
对象的 unshift
(添加到数组开头) 和 push
(添加到数组末尾) 方法来添加数据。
个人更推荐第二种做法。
- 多个
combobox
的联动
如图,每次用户选择了国家后,省、市、区要相应更新。这时候可以用到 combobox
的 onSelect/onChange
事件。
function initCountry() { $('#Country').combobox({ url: '/api/Company/InitCountry', valueField: 'CountryID', textField: 'CountryName', onSelect: function() { var countryId = $('#Country').combobox("getValue"); initProvince(countryId); // 更新省份下拉框的值 } });}function initProvince(countryId) { // 清空省、市、区下拉框已经设置的数据 $("#Province").combobox("clear"); $("#City").combobox("clear"); $("#District").combobox("clear"); $('#Province').combobox({ url: '/api/Company/InitProvince?countryId=' + countryId, valueField: 'ProvinceID', textField: 'ProvinceName', onSelect: function() { var provinceId = $('#Province').combobox('getValue'); initCity(provinceId); } });}
PS: combobox
的 onSelect
与 onChange
事件不一样,onSelect
事件触发的时候用 getValue
取得的不是valueField
的值。onChange
触发时候获得的才是。
所以如果有时候拿到的不是你想要的值?换一个事件试试吧。
0 0
- EasyUI combobox 的使用
- EasyUI的combobox使用
- EasyUI中combobox的使用
- jquery.easyui的ComboBox使用
- easyui-combobox的简单使用
- easyui的easyui-combobox
- jQuery easyui combobox的使用 简单实例
- easyUI中combobox的使用心得
- Jquery.EasyUI中combobox插件的使用
- easyui combobox 使用汇总
- EasyUI combobox 使用
- Easyui-combobox使用
- Easyui-combobox使用
- EasyUI combobox使用小记
- easyui-combobox的案例
- easyUI的Combobox问题
- EasyUI的combobox用法
- easyui的combobox、combotree
- the following classes could not be found android.support.v7.internal.
- Microsoft Excel.WsF——U盘里面的隐藏病毒怎么删除
- PAT(甲级)1005. Spell It Right (20)
- linux shell 关键字查找,返回OK 否则NO
- 2017年网站SEO站群类型推荐【干货分享】
- EasyUI combobox 的使用
- 关于是否积案的提示框解决
- NDK编译可执行文件在Android L中运行显示error: only position independent executables (PIE) are supported.失败问题解决办法。
- 学习笔记---多维数组及多级指针的使用
- 度量系列(1)——你真的了解“以数据说话”吗?
- 【wcf】——WCF基础
- spring数据库读写分离实现方式
- mysql批量导入数据
- HDU1026 Ignatius and the Princess I(优先队列加记录路径)