//jqGrid-ttable-rowspan
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*用法
* $("#tableId").jqGridTableRowSpan("13,14,15");//要合并的列序号,散列形式
* 仅仅只适用于jqGrid
*
*
* */
jQuery.fn.jqGridTableRowSpan = function(colIndexs) {
return this.each(function() {
var indexs = eval("([" + colIndexs + "])");
for (var i = 0; i < indexs.length; i++) {
var colIdx = indexs[i];
var that=new Array();
var firstrowspan=0;
$('tbody tr', this).each(function(row) {
for(var k=0;k<colIdx.length;k++){
$('td:eq(' + colIdx[k] + ')', this).filter(':visible').each(
function(col) {
if (that[k] != null && $(this).html() == $(that[k]).html()) {
rowspan = $(that[k]).attr("rowSpan");
if (rowspan == undefined) {
$(that[k]).attr("rowSpan", 1);
rowspan = $(that[k]).attr("rowSpan");
}
rowspan = Number(rowspan) + 1;
if(k==0){
$(that[k]).attr("rowSpan", rowspan);
$(this).hide();
firstrowspan=rowspan;
}
if(k!=0&&rowspan<=firstrowspan){
$(that[k]).attr("rowSpan", rowspan);
$(this).hide(); }
} else {
if(k==0){
//if it is the first of the group then set others null ,
that=new Array();
that[0]=this;
}else{
that[k] = this;
}
}
});
}
});
} });
};
分享到:
相关推荐
jQgrid中文文档API jQgrid是一个功能强大且流行的JavaScript插件,用于创建交互式表格。它基于jQuery库,提供了许多强大的功能,例如排序、过滤、编辑、分页等,使得开发者可以快速创建复杂的表格应用程序。本文将...
JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...
7. 在 HTML 文件中引入 jqGrid 所需的 CSS 和 JS 文件,并根据需求配置 jqGrid 的选项。 jqGrid 提供丰富的功能,如数据分页、排序、过滤、编辑、导入导出等。在实际应用中,你可以根据项目需求选择合适的组件和...
文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...
在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想...
JqGrid 中文 帮助文档 api jQuery
在本篇中,我们将深入探讨jqGrid中的查询功能,特别是如何根据多个或单个条件进行查询。 首先,jqGrid内置了查询插件,允许用户通过前端界面进行数据筛选。当用户触发查询操作时,jqGrid会以POST方式向服务器发送...
jqGrid 中文语言js,grid.locale-cn.js
网上收藏的 jqGrid中文说明文档——选项设置 挺实用的
安装 jQGrid 需要解压缩文件到临时文件夹中,然后将文件复制到 web 服务器上的项目目录中。创建 js 和 css 两个目录,并将 jqGrid 包中的 CSS 文件复制到对应的目录中。 jQGrid 提供了强大的数据展示和编辑功能,...
在jqGrid中,分组功能允许用户按照一列或多列的数据进行数据的逻辑分组,使得数据展示更有层次感和可读性。 在jqGrid中启用分组功能,首先需要设置 `grouping` 属性为 `true`。这会激活分组功能,但仅仅设置这个...
使用jQuery的jqGrid插件可以实现非常好的页面展示效果,并且功能很强大。但是官方提供的帮助文档都是英文的,有些看着可能会不太方便。这里给大家提供一个中文的jqGrid帮助文档,希望能对大家有所帮助
jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它遵循 B/S(浏览器/服务器)架构,服务器负责数据管理,而客户端负责数据显示和交互。jqGrid 提供了一种高效的方式来展示数据库中的...
jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...
这份文档对于中文使用者来说是一份非常实用的参考资料,能够帮助开发者快速理解和应用jqGrid的各项功能,解决在开发过程中遇到的问题。 **jqGrid 英文文档** jqGrid 3.4英文说明文档(pdf)是针对jqGrid 3.4版本的...
支持 jqGrid 4.5.2的中文语言包。 如发现个别语句翻译的不合适,可自行修改,欢迎大家留言交流。 页面引入语句如下: 。。。/jqGrid/i18n/grid.locale-zh.js"></script>
JQGrid是一款基于jQuery的强大的数据网格插件,用于在Web应用中展示和管理大量的结构化数据。它提供了丰富的功能,如分页、排序、搜索、编辑和添加数据等,是开发人员构建数据密集型用户界面的理想选择。在本教程中...