树形表格的查询方法

                                   树形表格的查询方法

开发工具与关键技术: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赋值给页面传输过来的数据,最后计算总行数,然后分页查询,最后封装数据,返回页面。
在这里插入图片描述
六、以下是实现效果图,因为我是通过表格的商品类别和树形的节点来获取数据的,所以只要判断,子节点和商品类别如果相同就直接显示该节点的相关的内容表格信息
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值