基于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

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

C#实现一键批量合并PDF文档

《C#实现一键批量合并PDF文档》这篇文章主要为大家详细介绍了如何使用C#实现一键批量合并PDF文档功能,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言效果展示功能实现1、添加文件2、文件分组(书签)3、定义页码范围4、自定义显示5、定义页面尺寸6、PDF批量合并7、其他方法

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

MyBatis-plus处理存储json数据过程

《MyBatis-plus处理存储json数据过程》文章介绍MyBatis-Plus3.4.21处理对象与集合的差异:对象可用内置Handler配合autoResultMap,集合需自定义处理器继承F... 目录1、如果是对象2、如果需要转换的是List集合总结对象和集合分两种情况处理,目前我用的MP的版本

C#下Newtonsoft.Json的具体使用

《C#下Newtonsoft.Json的具体使用》Newtonsoft.Json是一个非常流行的C#JSON序列化和反序列化库,它可以方便地将C#对象转换为JSON格式,或者将JSON数据解析为C#对... 目录安装 Newtonsoft.json基本用法1. 序列化 C# 对象为 JSON2. 反序列化

Python中Json和其他类型相互转换的实现示例

《Python中Json和其他类型相互转换的实现示例》本文介绍了在Python中使用json模块实现json数据与dict、object之间的高效转换,包括loads(),load(),dumps()... 项目中经常会用到json格式转为object对象、dict字典格式等。在此做个记录,方便后续用到该方

GSON框架下将百度天气JSON数据转JavaBean

《GSON框架下将百度天气JSON数据转JavaBean》这篇文章主要为大家详细介绍了如何在GSON框架下实现将百度天气JSON数据转JavaBean,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录前言一、百度天气jsON1、请求参数2、返回参数3、属性映射二、GSON属性映射实战1、类对象映

MySQL进行分片合并的实现步骤

《MySQL进行分片合并的实现步骤》分片合并是指在分布式数据库系统中,将不同分片上的查询结果进行整合,以获得完整的查询结果,下面就来具体介绍一下,感兴趣的可以了解一下... 目录环境准备项目依赖数据源配置分片上下文分片查询和合并代码实现1. 查询单条记录2. 跨分片查询和合并测试结论分片合并(Shardin