`

Flexigrid仅选一行设置、获取行ID、取Cell文本

 
阅读更多
1、Flexigrid默认是可以选择多行,那么如何设置其只能选一行呢?今天看了看Flexigrid的源码,发现有个属性可以控制:
$(this).click(function (e) {
	var obj = (e.target || e.srcElement);
	if (obj.href || obj.type) return true;
	$(this).toggleClass('trSelected');
	if (p.singleSelect && ! g.multisel ) {
		$(this).siblings().removeClass('trSelected');
		$(this).toggleClass('trSelected');
	}
})

看到其中:singleSelect,设置为true,就只能选一行了。 
 
2、Flexigrid获取数据库ID
Flexigrid获取ID很不方便,官方提供的列子是把ID放在第一列的隐藏列中,通过$(this).find("td:first").eq(0).text() 来获取的,这样就必须浪费一列,如果再有cid,fid等等就得依次放在隐藏列中,不怎么方便。
我们打开“flexigrid.js”,会发现有“if (row.id) tr.id = 'row' + row.id;”这么一句,意思对每一行进行赋值ID,
那么,
id=$('.trSelected', grid).attr("id").replace("row","");
就能获得ID了,而不用再用一个隐藏列来获取了
转自:http://www.cnblogs.com/chengulv/archive/2011/10/29/2228394.html

3、获取选中行指定列的值
function test(com, grid){
    if (com=='详细'){
        if ($('.trSelected', $('#flex1')).length == 0){
            return ;
        }
        var arr = new Array(0);
        $('.trSelected td:nth-child(2) div', $('#flex1')).each(function(i){//第2列的值
            arr.push($(this).text());
        })
        //alert(arr [0]);
    }
}


4、设置初始页
  设置参数newp,用来指定初始页。

分享到:
评论

相关推荐

    flexigrid表格功能丰富

    综上所述,Flexigrid作为一个强大的jQuery插件,提供了丰富的表格操作功能,包括行移动、行选中事件处理、行删除、DWR支持以及灵活的数据获取方式,使得在Web应用中构建交互性强且功能丰富的表格变得更加容易。...

    flexigrid.js flexigrid.js flexigrid.js

    3. **功能丰富**:它内置了多项功能,如排序(asc/desc)、分页、搜索、列宽调整、行选择、复选框、自定义列头以及行操作按钮,满足了大部分数据网格的需求。 4. **API接口**:Flexigrid.js提供了一系列API,允许...

    flexigrid 插件 加入 CheckBox

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

    flexiGrid列表ajax操作

    FlexiGrid是一款流行的JavaScript数据网格插件,常用于构建数据密集型Web应用,提供分页、排序、过滤等多种功能。这篇博文《flexiGrid列表ajax操作》可能详细讲解了如何利用FlexiGrid与服务器端通过AJAX进行交互,...

    FlexiGrid 插件简单应用

    FlexiGrid是一款强大的JavaScript数据网格插件,常用于网页中展示大量结构化数据,并提供排序、筛选、分页和编辑等功能。它基于jQuery库,因此能够很好地与其他jQuery插件和库兼容,为开发者提供了灵活的数据展示和...

    jquery插件之flexigrid篇

    Flexigrid是一款基于jQuery的轻量级数据网格插件,专为实现强大的表格展示和操作功能而设计。在Web开发中,特别是在构建数据密集型应用时,它提供了一种高效且用户友好的方式来显示、排序、筛选和操作数据。这款插件...

    FlexiGrid配置与使用

    接着,在JSP页面中,你需要设置一个HTML表格作为FlexiGrid的容器,例如`<table id="flex1" style="display:none"></table>`。这个表格在初始化FlexiGrid后会被插件接管并填充数据。 在JSP页面中引入FlexiGrid的...

    flexigrid 深入

    Flexigrid是一款强大的JavaScript数据网格插件,它以其灵活性、可定制性和丰富的功能在Web开发领域受到了广泛的关注。这款工具主要用于处理大量的数据展示,提供了分页、排序、搜索和自定义列等功能,使得前端开发者...

    jquery插件之flexigrid学习实例

    Flexigrid是一款基于jQuery的表格插件,它提供了丰富的功能,如数据分页、排序、搜索和自定义列显示,适用于构建数据密集型Web应用。在这个"jquery插件之flexigrid学习实例"中,我们将深入探讨如何在Struts2框架下...

    FlexiGrid(js版本)

    FlexiGrid是一款基于JavaScript的强大的数据网格插件,主要用于在网页上展示大量结构化数据,提供了灵活的排序、分页、过滤和编辑功能。这款插件以其高度自定义和适应性而受到开发者的欢迎,尤其适合那些需要创建...

    flexigrid相关

    `FlexiGrid使用教程.txt`是一份详细的文本教程,可能包含了从安装到使用的完整步骤,包括如何配置分页、排序、过滤等基本功能,以及如何自定义样式和事件处理。这份教程对于初学者来说非常有用,可以帮助他们快速...

    jquery表格插件Flexigrid

    开发者需要按照规范设置这些元素的ID,以便于Flexigrid初始化时正确绑定。 3. **CSS样式**:Flexigrid提供了自己的CSS样式文件,用于控制表格的外观。理解这些样式并能根据项目需求进行自定义,可以极大地提升用户...

    Flexigrid demo

    Flexigrid demo

    FlexiGrid使用教程

    在给定的部分内容中,我们看到了一个名为 `FriendLink` 的配置对象,该对象包含了 FlexiGrid 的各种设置项。下面我们来逐个分析这些设置项的意义和作用: - **tableName**: 表格的数据来源表名。 - **title**: 显示...

    Flexigrid使用实例

    Flexigrid是一款强大的JavaScript数据网格插件,常用于创建数据密集型Web应用,提供分页、排序、过滤和自定义列等功能。它以其灵活性、可定制性和高效的性能在开发社区中受到广泛欢迎。本篇文章将深入探讨Flexigrid...

    FlexiGrid使用手册

    FlexiGrid是一个基于jQuery的网格组件,用于展示和操作数据,具有丰富的特性和自定义功能。这个使用手册将详细介绍如何使用FlexiGrid以及其主要属性。 一、FlexiGrid概述 FlexiGrid是一个轻量级的JavaScript插件,...

    Flexigrid-master表格插件

    Flexigrid是一款基于jQuery的强大的表格插件,它在Web应用中被广泛使用,用于创建交互式、可自定义的网格视图。Flexigrid以其灵活性和易用性著称,能够满足各种复杂的表格需求。以下是对Flexigrid主要功能和特性的...

    jquery flexigrid

    jQuery Flexigrid是一款基于jQuery库的表格插件,专为网页数据展示提供强大的功能。它具有高度可定制性,支持分页、排序、搜索以及自定义列宽,使得网页中的数据管理更加便捷和灵活。 Flexigrid的核心特性在于其...

    flexigrid删除实例

    Flexigrid是一款流行的JavaScript数据网格插件,常用于在网页中展示、操作表格数据,具有分页、排序、过滤和编辑等功能。在这个“flexigrid删除实例”中,我们将探讨如何在Flexigrid中实现数据的删除功能,这对于...

Global site tag (gtag.js) - Google Analytics