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

flexigrid 获取选中的行

 
阅读更多

首先设置flexigrid为单选模式:

		$("#subUsers").flexigrid(
			{
				dataType: 'json',
				width: 237,
				height: 267,
				singleSelect: true,
				colModel : [
					{hide: '_id', name: 'id', width: 158, sortable: true, align: 'left'},
					{display: email, name: 'email', width: 158, sortable: true, align: 'left'},
					{display: description, name: 'description', width: 77, sortable: true, align: 'left'},
				]
			}
		);

注意上面的singleSelect: true 设置。

现在有三列,我希望获取选中的那行的第一列。代码如下:

		$('#subUsers').each(function () {
			id = $('.trSelected').children('td').eq(0).children('div').html();
		});

subUsers 是 flexigrid对应的table元素的id, 因此$('#subUsers') 代表了table对应的jquery对象,之后each函数遍历这个jquery对象,里面只有一个就是tbody.

flexigrid会为所有被选中的行添加.trSelected 风格,因此通过$('.trSelected')就可以获得tr那行,再通过children方法去一层层找子元素,最后找到div里面的值,就是第一列显示的数据。

分享到:
评论

相关推荐

    flexigrid 插件 加入 CheckBox

    Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。...Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源是作者根据原flexigrid 进行修改,首列加入CheckBox 的修改版。

    flexigrid表格功能丰富

    1、支持两个表格行移动 2、支持行选中事件 3、支持行删除 4、支持dwr方式 5、支持以对象或者数组方式获取选中行数据

    Flexigrid demo

    Flexigrid demo

    jquery flexigrid

    jquery flexigrid;jquery flexigrid

    flexigrid.js flexigrid.js flexigrid.js

    flexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.js

    flexigrid列表自适应宽度

    我们都知道flexigrid表格插件的列宽只能设为固定的值,不能使用百分比来自适应窗口的变化。 本例通过修改flexigrid的源代码来实现列宽的自适应变化。如下使用:{display:'XXX',name:'XXX',width:'30%',sortable:...

    FlexiGrid配置与使用

    FlexiGrid配置与使用说明,不错的文档

    flexigrid相关

    flexigrid.js flexigrid.css

    Flexigrid-master表格插件

    Flexigrid它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

    flexigrid 深入

    NULL 博文链接:https://supben.iteye.com/blog/1165229

    增强版的flexigrid源码

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

    FlexiGrid(js版本)

    FlexiGrid(js版本)

    FlexiGrid使用教程

    FlexiGrid使用教程

    jquery插件之flexigrid学习实例

    此项目是struts2+json+flexigrid的完整实例,可帮助你对flexigrid快速上手,项目下载后直接导入自己的工程即可,所用jar包会另传,因为超出上传限制,还请理解。

    FlexiGrid使用手册

    FlexiGrid使用手册,主要介绍FlexiGrid的主要属性和使用方法。

    jQuery表格插件 Flexigrid的例子

    Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,...Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。这个例子对jquery初学者有一定的帮助

    flexigrid删除实例

    flexigrid删除实例flexigrid删除实例flexigrid删除实例flexigrid删除实例

    Flexigrid-插件

    Flexigrid-表格,所属jquery

    flexiGrid列表ajax操作

    NULL 博文链接:https://yanmingsong.iteye.com/blog/579384

    jsp中flexigrid插件在ie下样式问题

    jsp中flexigrid插件在ie下样式问题

Global site tag (gtag.js) - Google Analytics