浅谈bootstrapTable+jstree插件对树列表条件和查询条件的处理


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

//加载指定的对象数据

        var clickId = "";

        function loadData(id) {

            var condition = { CustomedCondition: id + '' };

 

            //修改条件后需要重新刷新

            $table.bootstrapTable('refresh', { url: queryUrl, query: condition, pageNumber:1});

            clickId = id;

        }

不过如果仅仅是这样的处理,那么数据分页的时候,单击下一页则会没有记录刚才的树形列表条件,那么我们需要记录这个选择的树形条件,从而在更新条件的时候加入所需的条件,那么修改上面代码为以下代码。

1

2

3

4

5

6

7

8

9

10

11

12

//加载指定的对象数据

        var clickId = "";

        var where = {};//树列表条件

        function loadData(id) {

            var condition = { CustomedCondition: id + '' };

            where = {};//清空

            where["CustomedCondition"] = id + '';//使用自定义条件

 

            //修改条件后需要重新刷新

            $table.bootstrapTable('refresh', { url: queryUrl, query: condition, pageNumber:1});

            clickId = id;

        }

这样处理后,我们在bootstrapTable表格插件的条件处理部分代码里面,可以增加对这个条件的处理即可。

增加了红色方框里面的条件后,我们选择分页会得到正确的结果,这样也不会导致两个条件的不兼容,同时我们在切换条件的时候,恢复到第一页的页码。

而其中where里面存储的是我们属性列表的条件,以JSON方式存储起来的,可以根据需要添加自己所需的分页条件,如我的另一个选择用户界面的条件,可以如下代码所示。

例如流程模板的分页展示和条件分类树形展示如下所示。

1.png

例如其中一个菜单的树形列表以及数据展示界面如下所示。

2.png

更多编程相关知识,请访问:编程入门!!

以上就是浅谈bootstrapTable+jstree插件对树列表条件和查询条件的处理的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

bootstrap cdn是什么

bootstrap有哪些组件

解决bootstrap只加载一次 remote 数据的问题

bootstrap怎么关闭弹出层

如何使用bootstrap制作form表单

bootstrap的下拉多选框如何使用

bootstrap有什么用处

bootstrap 如何创建错误提示

bootstrap有哪些优势

bootstrap框架是什么意思

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...