jQuery MiniUI

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

TreeGrid 两个tree [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2013-7-30 18:20:17 |只看该作者 |倒序浏览
本帖最后由 ying2058 于 2013-7-30 18:28 编辑


如上图 中间部分有节点树 我点击节点 最右边会加载数据

  1. 中间树div:
复制代码
我点击中间树节点 右边div会执行 grid.load 此时右边div url为:admin.php?m=memberGroup&a=publicGetMemberJobType&id=31  加载的出来的数据节点不太对
等我再点击右边div节点是 他加载的url就变成了admin.php?m=memberGroup&a=memberJobType&dept_id=31 就是grid.load执行过的url

我希望实现的效果是 点击中间树最右边div加载相应数据 最右边为懒加载数据 点击最右边节点时 展开相应节点数据
中间树div id=tree1 ->url  : admin.php?m=memberGroup&a=memberJobType&dept_id=31
最右边树div id=grid1 -> url : admin.php?m=memberGroup&a=publicGetMemberJobType&id=31
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

沙发
发表于 2013-7-30 18:29:10 |只看该作者
中间树div:
<div class="mini-fit">
            <ul id="tree1" class="mini-tree" url="admin.php?m=memberGroup&a=memberGroupList&id=0"
   showTreeIcon="true" textField="name" idField="id" parentField="pid" resultAsTree="false"
            >        
            </ul>
</div>

最右边树div:
<div id="grid1" class="mini-treegrid" showTreeIcon="true" textField="text" idField="id"
  url="admin.php?m=memberGroup&a=publicGetMemberJobType&dept_id=31"                             treeColumn="filename" onbeforeload="onBeforeTreeLoad" >
        <div property="columns">
                <div type="indexcolumn"></div>
                <div name="filename" field="job_type" >职务</div>
        </div>
</div>

js代码:

mini.parse();
var tree = mini.get("tree1");
var grid = mini.get("grid1");

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

            //可以传递自定义的属性
            params.myField = "123"; //后台:request对象获取"myField"
        }
        
        tree.on("nodeselect", function (e) {
                grid.load ( "admin.php?m=memberGroup&a=memberJobType&dept_id="+e.node.id );
        });

Rank: 8Rank: 8

板凳
发表于 2013-7-31 09:59:11 |只看该作者
ying2058 发表于 2013-7-30 18:29
中间树div:

                    

1,获取中间树的选中节点
2.根据不同的选中节点,去给右边的懒加载treegrid设置不同的url就好了

Rank: 2

地板
发表于 2013-7-31 10:03:08 |只看该作者
求解答呀~~

Rank: 8Rank: 8

5#
发表于 2013-7-31 10:05:43 |只看该作者
ying2058 发表于 2013-7-31 10:03
求解答呀~~

根据中间树的不同的选中节点,动态去给最右边的treegrid设置懒加载url

Rank: 2

6#
发表于 2013-7-31 10:09:21 |只看该作者
factory 发表于 2013-7-31 09:59
1,获取中间树的选中节点
2.根据不同的选中节点,去给右边的懒加载treegrid设置不同的url就好了 ...

你的说的这一步我现在做到了
但是最右边懒加载的数据展开时 url会被替换掉

就是被这段代码替换的
tree.on("nodeselect", function (e) {
                grid.load ( "admin.php?m=memberGroup&a=memberJobType&dept_id="+e.node.id );
        });
这段代码是一开始点击中间数节点 加载右边数据的方法

Rank: 8Rank: 8

7#
发表于 2013-7-31 10:34:25 |只看该作者
ying2058 发表于 2013-7-31 10:09
你的说的这一步我现在做到了
但是最右边懒加载的数据展开时 url会被替换掉

所有的属性,都支持set和get,也必须用set和get来赋值取值

grid.seturl(".....")

Archiver|普加软件

GMT+8, 2024-11-29 06:26 , Processed in 1.058090 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部