`
寻觅一只耳朵
  • 浏览: 35374 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决jqgrid中rowspan

阅读更多
//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;
		 }
	  }  
		       });  
	 }	  
 }); 
  }      });  
	 };
								

分享到:
评论
1 楼 mi_tiger 2013-07-19  
写的貌似不太对吧,你测试过吗?
var colIdx = indexs[i];

但是下面在用的时候,
for(var k=0;k<colIdx.length;k++),这边colIndx.length没有值吧,会是undefined

相关推荐

    jqgrid中文文档API

    jQgrid中文文档API jQgrid是一个功能强大且流行的JavaScript插件,用于创建交互式表格。它基于jQuery库,提供了许多强大的功能,例如排序、过滤、编辑、分页等,使得开发者可以快速创建复杂的表格应用程序。本文将...

    JqGrid中文API文档

    JqGrid是一款强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如分页、排序、过滤、编辑和格式化数据。本中文API文档将帮助开发者深入理解并有效利用JqGrid的...

    jqGrid中文文档.doc

    7. 在 HTML 文件中引入 jqGrid 所需的 CSS 和 JS 文件,并根据需求配置 jqGrid 的选项。 jqGrid 提供丰富的功能,如数据分页、排序、过滤、编辑、导入导出等。在实际应用中,你可以根据项目需求选择合适的组件和...

    jqGrid_api中文文档

    文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...

    jqGrid 中文大全(1)

    在“jqGrid中文大全(1)”这个压缩包中,包含了一系列关于jqGrid的中文教程和文档,这些资料可以帮助开发者更深入地理解和应用jqGrid。以下是一些主要知识点的详细介绍: 1. **安装jqGrid**: jqGrid的安装通常涉及...

    Jqgrid 中文文档

    Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全

    获取jqGrid中选择的行的数据

    var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想...

    JqGrid 中文帮助文档 api

    JqGrid 中文 帮助文档 api jQuery

    关于jqGrid中查询功能

    在本篇中,我们将深入探讨jqGrid中的查询功能,特别是如何根据多个或单个条件进行查询。 首先,jqGrid内置了查询插件,允许用户通过前端界面进行数据筛选。当用户触发查询操作时,jqGrid会以POST方式向服务器发送...

    jqGrid中文语言js

    jqGrid 中文语言js,grid.locale-cn.js

    \jqGrid中文说明文档-选项设置

    网上收藏的 jqGrid中文说明文档——选项设置 挺实用的

    jqGrid中文教程

    安装 jQGrid 需要解压缩文件到临时文件夹中,然后将文件复制到 web 服务器上的项目目录中。创建 js 和 css 两个目录,并将 jqGrid 包中的 CSS 文件复制到对应的目录中。 jQGrid 提供了强大的数据展示和编辑功能,...

    jqGrid中的分组

    在jqGrid中,分组功能允许用户按照一列或多列的数据进行数据的逻辑分组,使得数据展示更有层次感和可读性。 在jqGrid中启用分组功能,首先需要设置 `grouping` 属性为 `true`。这会激活分组功能,但仅仅设置这个...

    jqGrid 中文API

    使用jQuery的jqGrid插件可以实现非常好的页面展示效果,并且功能很强大。但是官方提供的帮助文档都是英文的,有些看着可能会不太方便。这里给大家提供一个中文的jqGrid帮助文档,希望能对大家有所帮助

    jqGrid3.6中文文档

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页中展示和操作表格数据。它遵循 B/S(浏览器/服务器)架构,服务器负责数据管理,而客户端负责数据显示和交互。jqGrid 提供了一种高效的方式来展示数据库中的...

    jqGrid4.6.0 jqgrid_demo40

    jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...

    jqGrid 中文 英文 文档

    这份文档对于中文使用者来说是一份非常实用的参考资料,能够帮助开发者快速理解和应用jqGrid的各项功能,解决在开发过程中遇到的问题。 **jqGrid 英文文档** jqGrid 3.4英文说明文档(pdf)是针对jqGrid 3.4版本的...

    jqGrid 4.5.2中文语言包

    支持 jqGrid 4.5.2的中文语言包。 如发现个别语句翻译的不合适,可自行修改,欢迎大家留言交流。 页面引入语句如下: 。。。/jqGrid/i18n/grid.locale-zh.js"&gt;&lt;/script&gt;

    JQGrid系列教程 代码

    JQGrid是一款基于jQuery的强大的数据网格插件,用于在Web应用中展示和管理大量的结构化数据。它提供了丰富的功能,如分页、排序、搜索、编辑和添加数据等,是开发人员构建数据密集型用户界面的理想选择。在本教程中...

Global site tag (gtag.js) - Google Analytics