`
阿尔萨斯
  • 浏览: 4185690 次
社区版块
存档分类
最新评论

flexigrid 添加行选择事件

 
阅读更多

假定我有一个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则没选中。



分享到:
评论

相关推荐

    flexigrid集成Struts实现动态添加删除

    flexigrid表格控件的使用实例,实现了和struts1.3的集成,实现了动态添加和删除。 文档包括: user_mgr.jsp ,jsp页面 UserAction.jsp ,控制层Action js包,相关的js jar使用到的jar包

    Jquery flexigrid插件 添加checkbox,(双击事件)onRowDblclick

    Jquery flexigrid插件 添加了checkbox,将它设置为true就OK了 (双击事件)onRowDblclick。。。 附带属性说明 共享下。。。。。

    增强版的flexigrid源码

    《修改jQuery表格插件flexigrid源码添加自定义功能》文章配套代码http://blog.csdn.net/neareast/article/details/12904393,对jquery表格插件flexigrid的源码进行修改,增加了几个自定义功能,对其功能进行了增强。...

    Flexigrid 1.1修改版

    1.增加onClick事件; 2.对css做了调整,方便汉字显示,将div.nBtn高度由24变为30,以解决中文大字体情况下栏目选择下拉菜单无法操作的问题; 3.对css/images下面的文件统一添加flexi-*前缀。 本版本支持jQuery 1.9.1...

    仿flexigrid样式,滚动到底自动加载,jquery

    仿flexigrid表格控件,里面有data说明。滚动到底自己加载,可添加表头按钮,有停止滚动加载功能,jquery

    Flexigrid在IE下不显示数据的处理的解决方法

    Flexigrid在IE下不显示数据的情况,想必大家都有遇到过吧,下面有个不错的解决方法,感兴趣的朋友可以参考下

    flexigrid很酷的jquery 表格

    jquery table 很酷的样式,自己修改了,可以添加checkbox,json数据格式修改,每行后面可以自定义控件 里面附带4个demo,html demo,json demo,xml demo,Gridview demo

    flexigrid+struts2+json+jquery实例

    一个基于flexigrid+struts2+json+jquery开发的实例,并拓展了一些功能: 1.添加了右键事件(查删改),jqmodal 2.实现了列百分比的显示 3.优化了查询界面

    jQuery flexigrid 表格控件

    只是用来显示数据使用的, 传输数据的格式有两种 xml 和 json ,做系统网站上比较用的多, 这个控件也比较好看和实用, 我在网上看到了很多功能但是都很散, 我添加了一些功能,比如可以添加 复选框 , 行按钮 等操作, 对...

    jqgrid-flexigrid替代优化.zip

    想换皮却因修改太多感到力不从心,想用新框架又有些不可舍弃的东西,现在这款插件可完美地让项目中的列表变得高大上,支持批量勾选,支持每条自动生成搜索框,自带搜索、重置按钮,可在顶部添加自定义按钮,...

    dotNetFlexGrid

    dotNetFlexGrid是一款asp.net原生的异步表格控件,它的前身是Jquery FlexiGrid插件,我们重构了FlexiGrid的大部分Javascript代码,使其工作的更有效率,BUG更少;同时将其封装为asp.net 控件,提供了简单易用的使用...

    异步表格控件源码下载

    dotNetFlexGrid是一款asp.net原生的异步表格控件,它的前身是Jquery FlexiGrid插件,我们重构了FlexiGrid的大部分Javascript代码,使其工作的更有效率,BUG更少;同时将其封装为asp.net 控件,提供了简单易用的使用...

    anGrid:anGrid 是一个基于 angularjs 的轻量、智能、实用的网格插件。在演示中,我们更喜欢使用 angularjs 为丰富的 web-front 应用程序制作解决方案,而不仅仅是网格插件

    #angrid : Angular DataGrid 插件# 贡献者: 张迪( ) 依赖项:angular.js。 ##关于## 这是一个简单的 angularjs 前端网格插件。... 2015/02/27 -Version 1.3- 添加行选择功能、焦点单元格编辑功

Global site tag (gtag.js) - Google Analytics