1 2 3 4 5 6 7 8 9 |
|
不过如果仅仅是这样的处理,那么数据分页的时候,单击下一页则会没有记录刚才的树形列表条件,那么我们需要记录这个选择的树形条件,从而在更新条件的时候加入所需的条件,那么修改上面代码为以下代码。
1 2 3 4 5 6 7 8 9 10 11 12 |
|
这样处理后,我们在bootstrapTable表格插件的条件处理部分代码里面,可以增加对这个条件的处理即可。
增加了红色方框里面的条件后,我们选择分页会得到正确的结果,这样也不会导致两个条件的不兼容,同时我们在切换条件的时候,恢复到第一页的页码。
而其中where里面存储的是我们属性列表的条件,以JSON方式存储起来的,可以根据需要添加自己所需的分页条件,如我的另一个选择用户界面的条件,可以如下代码所示。
例如流程模板的分页展示和条件分类树形展示如下所示。
例如其中一个菜单的树形列表以及数据展示界面如下所示。
更多编程相关知识,请访问:编程入门!!
以上就是浅谈bootstrapTable+jstree插件对树列表条件和查询条件的处理的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
bootstrap table中toolbar新增条件查询及refresh参数使用方法
更多相关阅读请进入《bootstrap》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者