树形图查询功能技术分享

开发工具与关键技术:VS,MVC
作者:陈梅
撰写时间:2019年7月20日
上次只分享了树形图,并没分享把树形图做出来之后,点击属性图的数据就能查询表格的数据。不但可以查询数据,还能将树形图的数据点击绑定到input标签的中。树形图可以延伸很多的功能,只要你去大胆的尝试,就会发现好的功能既然有那么多。现在我就分享点击树形图的数据,进行查询表格。现在我直接分享最后的效果,然后再进行分析。
在这里插入图片描述
总数据为20条,这是还没进行点击查询的时候效果。接着我们看一下点击之后查询的效果。
在这里插入图片描述
点击省公司,然后就会查询对应省公司的三条数据。这个就是查询效果。要实现这个效果。我们要在查询代码中加上查询条件的代码。
在这里插入图片描述
就是在控制器上加上需要用什么字段进行查询数据的代码。这个就是我们平时经常用到的多条件查询的代码,非常的简单。接着,我们要在页面上写查询代码了。
在这里插入图片描述
多条件查询的代码,我们要写两遍,第一个多条件查询,需要放在页面加载数据中去,进行页面数据的查询。第二个多条件查询代码是放在树形代码里面。第二个多条件查询还需要声明营销活动ID和基本信息类型分别为aa和bb。方便下面树形代码中调用。然后把多条件代码写好之后就把tabBasicInformationSeatch1(aa, bb);这句代码放入树形中。
在这里插入图片描述
把tabBasicInformationSeatch1(aa, bb);这句代码放在拼接CSS样式代码中。并且在第一级是声明aa用营销活动进行查询数据,声明bb为空。在第二级就是声明aa为空,bb用基本信息类型名称来进行数据的查询。这样一个树形的查询功能就完成了。是不是很简单。功能代码不止一种,大家可以多尝试。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值