基于MVC+EasyUI的返回Json数据处理Table表合并单元格Jquery写法

本文主要是介绍基于MVC+EasyUI的返回Json数据处理Table表合并单元格Jquery写法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

function GetList() {$.ajax({type: 'post',dataType: 'json',url: "kbcxxx_xskbcx",data: { 'lx': 'ss', 'code': term },cache: false,success: function (data) {$('#kbxx tbody').empty();$.each(data.rows, function (i, o) {//处理循环的数据,根据自己的业务情况操作。。。。});var cells = [];for (var i = 0; i <= 7; i++) {cells.push("z" + i);//数据库查询结果,转换为JSON数据的key的名称,不是指key对应的值数据}mergeCells_table('kbxx', data, cells);},error: function (e) {}});}<table id="kbxx">
</table>

 

//dg:table表的id,data:返回JSON数据,cellnames:数组,指json数据的key名称,不是指key对应的值数据
function mergeCells_table(dg, data, cellnames) {var table = document.getElementById(dg);for (var i = 0; i < cellnames.length; i++) {var cellname = cellnames[i];var merges = [];for (var r = 0; r < data.rows.length; r++) {var row = data.rows[r];var mergeinfo = new Object();var nr = row[cellname];var rowspan = 1;for (var r1 = r + 1; r1 < data.rows.length; r1++) {var row1 = data.rows[r1];var nr1 = row1[cellname];if (nr1 && nr1 == nr && nr1 != "") {mergeinfo.index = r;rowspan++;mergeinfo.rowspan = rowspan;table.rows[r + 1].cells[i].rowSpan = rowspan;table.rows[r1 + 1].cells[i].style.display = "none";}else {if (rowspan > 1) {merges.push(mergeinfo);r = r1 - 1;}break;}if (r1 == data.rows.length - 1) {if (rowspan > 1) {merges.push(mergeinfo);r = r1 - 1;}}}}}
}

 

这篇关于基于MVC+EasyUI的返回Json数据处理Table表合并单元格Jquery写法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1096970

相关文章

HTML5的input标签的`type`属性值详解和代码示例

《HTML5的input标签的`type`属性值详解和代码示例》HTML5的`input`标签提供了多种`type`属性值,用于创建不同类型的输入控件,满足用户输入的多样化需求,从文本输入、密码输入、... 目录一、引言二、文本类输入类型2.1 text2.2 password2.3 textarea(严格

Springboot3统一返回类设计全过程(从问题到实现)

《Springboot3统一返回类设计全过程(从问题到实现)》文章介绍了如何在SpringBoot3中设计一个统一返回类,以实现前后端接口返回格式的一致性,该类包含状态码、描述信息、业务数据和时间戳,... 目录Spring Boot 3 统一返回类设计:从问题到实现一、核心需求:统一返回类要解决什么问题?

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

SpringBoot+Vue3整合SSE实现实时消息推送功能

《SpringBoot+Vue3整合SSE实现实时消息推送功能》在日常开发中,我们经常需要实现实时消息推送的功能,这篇文章将基于SpringBoot和Vue3来简单实现一个入门级的例子,下面小编就和大... 目录前言先大概介绍下SSE后端实现(SpringBoot)前端实现(vue3)1. 数据类型定义2.

C# WebAPI的几种返回类型方式

《C#WebAPI的几种返回类型方式》本文主要介绍了C#WebAPI的几种返回类型方式,包括直接返回指定类型、返回IActionResult实例和返回ActionResult,文中通过示例代码介绍的... 目录创建 Controller 和 Model 类在 Action 中返回 指定类型在 Action

使用Python实现高效复制Excel行列与单元格

《使用Python实现高效复制Excel行列与单元格》在日常办公自动化或数据处理场景中,复制Excel中的单元格、行、列是高频需求,下面我们就来看看如何使用FreeSpire.XLSforPython... 目录一、环境准备:安装Free Spire.XLS for python二、核心实战:复制 Exce

Spring Boot/Spring MVC核心注解的作用详解

《SpringBoot/SpringMVC核心注解的作用详解》本文详细介绍了SpringBoot和SpringMVC中最常用的15个核心注解,涵盖了请求路由映射、参数绑定、RESTfulAPI、... 目录一、Spring/Spring MVC注解的核心作用二、请求映射与RESTful API注解系列2.1

pandas批量拆分与合并Excel文件的实现示例

《pandas批量拆分与合并Excel文件的实现示例》本文介绍了Pandas中基于整数位置的iloc和基于标签的loc方法进行数据索引和切片的操作,并将大Excel文件拆分合并,具有一定的参考价值,感... 目录一、Pandas 进行索引和切编程片的iloc、loc方法二、Pandas批量拆分与合并Exce

MyBatis中的大于等于、小于等于写法

《MyBatis中的大于等于、小于等于写法》MyBatisXML映射文件中处理大于等于和小于等于符号的两种方法:使用转义字符和CDATA块,转义字符更为常见,而CDATA块则提供了一种更易读的解决方案... 目录1. 使用转义字符(推荐)2. 使用 CDATA 块注意事项总结在 MyBATis 的 XML

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2