首先设置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是一个类似于Ext Gird,但基于jQuery开发的Grid。...Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。 本资源是作者根据原flexigrid 进行修改,首列加入CheckBox 的修改版。
1、支持两个表格行移动 2、支持行选中事件 3、支持行删除 4、支持dwr方式 5、支持以对象或者数组方式获取选中行数据
Flexigrid demo
jquery flexigrid;jquery flexigrid
flexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.jsflexigrid.js
我们都知道flexigrid表格插件的列宽只能设为固定的值,不能使用百分比来自适应窗口的变化。 本例通过修改flexigrid的源代码来实现列宽的自适应变化。如下使用:{display:'XXX',name:'XXX',width:'30%',sortable:...
FlexiGrid配置与使用说明,不错的文档
flexigrid.js flexigrid.css
Flexigrid它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。
NULL 博文链接:https://supben.iteye.com/blog/1165229
《修改jQuery表格插件flexigrid源码添加自定义功能》文章配套代码http://blog.csdn.net/neareast/article/details/12904393,对jquery表格插件flexigrid的源码进行修改,增加了几个自定义功能,对其功能进行了增强。...
FlexiGrid(js版本)
FlexiGrid使用教程
此项目是struts2+json+flexigrid的完整实例,可帮助你对flexigrid快速上手,项目下载后直接导入自己的工程即可,所用jar包会另传,因为超出上传限制,还请理解。
FlexiGrid使用手册,主要介绍FlexiGrid的主要属性和使用方法。
Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,...Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。这个例子对jquery初学者有一定的帮助
flexigrid删除实例flexigrid删除实例flexigrid删除实例flexigrid删除实例
Flexigrid-表格,所属jquery
NULL 博文链接:https://yanmingsong.iteye.com/blog/579384
jsp中flexigrid插件在ie下样式问题