加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flexigrid 添加行选择事件

发布时间:2020-12-15 04:43:38 所属栏目:百科 来源:网络整理
导读:假定我有一个html table元素,与之对应的有一个flexigrid,同时该flexigird支持单选,禁用多

假定我有一个html table元素,与之对应的有一个flexigrid,同时该flexigird支持单选,禁用多选。现在要添加一个事件函数,使得当点击任一行的时候会被调用。

加入我的table元素的id是subUsers,现在定义事件函数,代码如下:

	selectAccount : function () {
		//do something.
		alert('Hi :)');
	},

现在将上面的函数注册到click事件中:

$("#subUsers tbody tr").click(accounts.selectAccount);

这里采用了jquery查找元素的方法,我们知道flexigird其实包装了table,每个table里面有一个tbody,然后一次是tr和td,

这个思想是将accounts.selectAccount注册到所有tr上。

这样点击任何一个tr都会触发selectAccount函数。

什么?不知道如何在事件函数中获得该行的第一列。jquery啊。

看例子代码:

	selectAccount : function () {
		//do something.
		alert($(this).parent().children('td').eq(0).children('div').html());
	},


如果想知道究竟有没有选中,下面的代码可以判断:

		str = $(this).attr("class");
		if (str.indexOf("trSelected") === -1) {
			accounts.subUserId = null;
			return;
		}
返回-1则没选中。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读