easyui combobox中增加获取选定option对象
博客专区 > z_hlong 的博客 > 博客详情
easyui combobox中增加获取选定option对象
z_hlong 发表于2年前
easyui combobox中增加获取选定option对象
  • 发表于 2年前
  • 阅读 63
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: 为easyui的combobox增加一个获取选定option对象的方法,使用于在使用自定义combobox场景中。
需求场景

在使用自定义combobox时,有时候需要获取自定义部分的内容,例如官网中自定义combobox的例子,该例子中每个option对象中有一个desc属性,如果我们需要获取这个属性,官网的目前的api中没发现有这样的方法,故自己实现一个。

实现源码
/**
 * 获取选中的option对象
 */
$.extend($.fn.combobox.methods, {
	selectedOption : function(jq){
		var state = $.data(jq[0], 'combobox');
		var opts = state.options;
		var data = state.data;
		var selected = $(jq[0]).combobox('getValue');
		for(var i = 0; i < data.length; i++){
			if(data[i][opts.valueField] == selected){
				return data[i];
			}
		}
	}
});

使用方式:

var a = $(".easyui-combobox").combobox('getSelectRow');
console.log(a["desc"]);

标签: combobox easyui
共有 人打赏支持
粉丝 6
博文 4
码字总数 2167
×
z_hlong
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: