jQuery MiniUI

 找回密码
 立即注册
查看: 5110|回复: 17
打印 上一主题 下一主题

tree懒加载塞数据问题 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2018-6-13 09:34:49 |只看该作者 |倒序浏览
懒加载tree在点击加号展开的时候,请求了节点下面的数据,这个数据是怎么塞到节点里面去的呢?
这个是官网例子的第一条数据



这个是第二条





这个是示例代码:
<script type="text/javascript">
    mini.parse();

    function onBeforeTreeLoad(e) {
        var tree = e.sender;    //树控件
        var node = e.node;      //当前节点
        var params = e.params;  //参数对象

        //可以传递自定义的属性
        params.myField = "123"; //后台:request对象获取"myField"

    }

    function refreshNode() {
        var tree = mini.get("tree1");
        var node = tree.getSelectedNode();
        if (node) {
            tree.loadNode(node);
        }
    }

    </script>


没有看出是怎么塞进去的啊
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2018-6-13 09:59:55 |只看该作者
点击+号的时候,如果这个节点没有加载过,那么就会传递 这个节点的id到后台,查询这个节点的子节点,然后自动返回加到这个节点下。
不需要你处理什么,只需要返回和我们示例一样格式的数据就可以。

Rank: 1

板凳
发表于 2018-6-13 10:27:54 |只看该作者
dforce 发表于 2018-6-13 09:59
点击+号的时候,如果这个节点没有加载过,那么就会传递 这个节点的id到后台,查询这个节点的子节点,然后自 ...

我不是在ul标签里面写的url,而是用的ajax调接口取数据然后把数据塞进树结构,现在就是塞不进去

Rank: 8Rank: 8

地板
发表于 2018-6-13 11:04:15 |只看该作者
hzm2210 发表于 2018-6-13 10:27
我不是在ul标签里面写的url,而是用的ajax调接口取数据然后把数据塞进树结构,现在就是塞不进去 ...

必须按我们的方式,url来加载,而不是主动通过ajax来添加

Rank: 1

5#
发表于 2018-6-13 11:08:09 |只看该作者
dforce 发表于 2018-6-13 11:04
必须按我们的方式,url来加载,而不是主动通过ajax来添加

但是通过url加载,怎么在请求头里面传东西呢,我需要传token,怎么传呢

Rank: 8Rank: 8

6#
发表于 2018-6-13 15:55:54 |只看该作者
hzm2210 发表于 2018-6-13 11:08
但是通过url加载,怎么在请求头里面传东西呢,我需要传token,怎么传呢

1 可以通过ajax-options={}来修改ajax属性
2 tree有onbeforeload事件,可以主动传递参数到后台。

Rank: 1

7#
发表于 2018-6-13 17:04:35 |只看该作者
dforce 发表于 2018-6-13 15:55
1 可以通过ajax-options={}来修改ajax属性
2 tree有onbeforeload事件,可以主动传递参数到后台。 ...

1、我把url写在html里面,就直接发起了请求,我在哪里设置ajax属性呢
2、onbeforeload事件里面只能传参数,不能传请求头(token只能放在请求头里面)

Rank: 8Rank: 8

8#
发表于 2018-6-13 17:48:32 |只看该作者
hzm2210 发表于 2018-6-13 17:04
1、我把url写在html里面,就直接发起了请求,我在哪里设置ajax属性呢
2、onbeforeload事件里面只能传参数 ...

tree的html标签里面写

Rank: 1

9#
发表于 2018-6-14 09:19:00 |只看该作者
本帖最后由 hzm2210 于 2018-6-14 09:24 编辑
dforce 发表于 2018-6-13 17:48
tree的html标签里面写

<ul id="tree1" class="mini-tree" url="http:/xxx/xxxx" style="width:300px;height:200px;padding:5px;"
                                                                                                                                showTreeIcon="true" textField="name" ajaxOptions={"token":变量} idField="id" parentField="pid" resultAsTree="false">        
</ul>

这样写?

Rank: 8Rank: 8

10#
发表于 2018-6-14 09:35:12 |只看该作者
hzm2210 发表于 2018-6-14 09:19
这样写?

ajaxOptions={headers:{"Authorization":222}}

Archiver|普加软件

GMT+8, 2024-6-26 17:07 , Processed in 1.054686 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部