欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

树形表格的查询方法

程序员文章站 2024-01-04 18:44:28
...
                                   树形表格的查询方法

开发工具与关键技术:Visual Studio 2015
作者:昨夜星辰
撰写时间:2019年 07月 07日

一、在上周我在做项目的时候遇到了一个树形图的样式,因为树形的获取数据和平时的查询功能不一样所以,所以我的树形图是通过插件的方式来显示的,因为获取不了数据,所以这个功能困扰我几天还是没有做到我自己的实现效果,后来通过同学的树形模板的参考才完成了这一个功能,也加深了我对树形的一个新的认知。
二、首先通过一个基本的样式来给它放置数据,然后再通过赋值一个ID来引用下面的数据方法的获取
树形表格的查询方法
三、声明一个树形图的变量,再声明一个属性图的参数,通过参数来获取到树形图的点击事件,然后通过post请求来访问控制器的代码查询出表格的内容,赋值给树形图,通过if的判断上面传输的data数据不等于空,然后执行一个for循环,声明i在data的里面,声明树形图的子节点,赋值树形图的子节点的ID,赋值树形图的子节点的父ID,然后if判断树形图的名字是否为空,如果不为空就自动赋值,把ID通过data赋值给表格的父ID,再通过if判断,直接判断父id是否等于空,如果等于空就把ID的值等于0,然后打开为true,最后用一个push方法向数组的末尾添加一个或多个元素,并返回新的长度。向声明的树形图添加子节点,在通过jQuery函数获取到上面给的树形ID来赋值。
树形表格的查询方法
四、根据树形子节点查询信息,声明变量来获取到数据表格的主键id,还有树形图的字段名称,通过判断,如果树形图的name名等于全部的话,就把该表格的所有数据查询出来,否则就通过表格数据的reload时间来传输数据给页面,通过id传输数据给控制器查询代码。
树形表格的查询方法
五、通过页面传输过来的数据查询表格树形图需要查询显示出来的内容,首先通过多表查询把数据的其它字段查询出来,然后再把表格的主键id赋值给页面传输过来的数据,最后计算总行数,然后分页查询,最后封装数据,返回页面。
树形表格的查询方法
六、以下是实现效果图,因为我是通过表格的商品类别和树形的节点来获取数据的,所以只要判断,子节点和商品类别如果相同就直接显示该节点的相关的内容表格信息
树形表格的查询方法

上一篇:

下一篇: