现在的位置: 首页 > 综合 > 正文

ext异步加载树

2013年12月08日 ⁄ 综合 ⁄ 共 926字 ⁄ 字号 小 中 大 ⁄ 评论关闭
  1. /**
  2.  * @author Scott.wanglei
  3.  * 组织结构树 页面需要id为orgTree-div的DIV
  4.  * 需要orgTree.render();才能呈现在页面(DOM就绪后)
  5.  */
  6. var OrgTree = function(){
  7.     var orgTree = new Ext.tree.TreePanel({
  8.         el: 'orgTree-div',
  9.         useArrows: true,
  10.         autoScroll: true,
  11.         animate: true,
  12.         enableDD: true,
  13.         containerScroll: true,
  14.         loader: new Ext.tree.TreeLoader({
  15.             /* 就是要动态载入数据的请求地址，这里请求时会提交一个参数为node的值，
  16.              值为root即new Tree.AsyncTreeNode()对象的id值*/
  17.             dataUrl: '返回json数据的地址'
  18.         }),
  19.         root: new Ext.tree.AsyncTreeNode({
  20.             expanded: true,
  21.             draggable: false,
  22.             text: '根节点的text',
  23.             id: '0'
  24.         }),
  25.         rootVisible: true,
  26.         listeners: {
  27.             beforeload: function(){//节点载入事件,展开树节点时候触发
  28.                 this.getLoader().dataUrl = '返回Json数据的地址';
  29.             }
  30.         }
  31.     });
  32.     return {
  33.         init:function(){
  34.             return orgTree;
  35.         }
  36.     }
  37. }();
返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞