jQuery MiniUI

标题: TreeGrid 两个tree [打印本页]

作者: ying2058 时间: 2013-7-30 18:20:17 标题: TreeGrid 两个tree

本帖最后由 ying2058 于 2013-7-30 18:28 编辑

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

中间树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

作者: ying2058 时间: 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 );
      });

作者: factory 时间: 2013-7-31 09:59:11

ying2058 发表于 2013-7-30 18:29
中间树div:

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

作者: ying2058 时间: 2013-7-31 10:03:08

求解答呀~~

作者: factory 时间: 2013-7-31 10:05:43

ying2058 发表于 2013-7-31 10:03
求解答呀~~

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

作者: ying2058 时间: 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 );
});
这段代码是一开始点击中间数节点加载右边数据的方法

作者: factory 时间: 2013-7-31 10:34:25

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

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

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)