使用EXTJS 写的 treePanel.on('load' 不运行 10

首次进来，如同第一张图片，不运行那段代码。然后点击下树，却运行了那段代码，求问大神，这是神马情况呢？不好意思，你们的回答都不是在回答我的问题，并且没有解决问题，我不予采纳... 首次进来，如同第一张图片，不运行那段代码。然后点击下树，却运行了那段代码，求问大神，这是神马情况呢？
不好意思，你们的回答都不是在回答我的问题，并且没有解决问题，我不予采纳
我自己想了一个解决办法，就是在前面将树重新加载一遍，然后执行这段代码。展开





 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

女神档案馆2021
2016-08-24 · TA获得超过1337个赞

知道小有建树答主

回答量：588

采纳率：66%

帮助的人：255万

我也去答题访问个人页

关注

展开全部

用ExtJS 实现动态载入树（Load tree）
1、数据库背景：这里有一个组织机构表，结构如下：

Oracle DDL脚本：
create table ORGANIZATION(
ORGID NUMBER(10) not null,
PARENTID NUMBER(10) not null,
ORGNAME VARCHAR2(32) not null,
ISAVAILABLE NUMBER(1) default 1 not null
);
alter table ORGANIZATION
add constraint PK_ORGID primary key (ORGID);
alter table ORGANIZATION
add constraint FK_ORGID_PARENTID foreign key (PARENTID)
references ORGANIZATION (ORGID);
初始化数据内容（注意第一行数据是必需的）：
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (-100, -100, '组织机构图', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (1, -100, '公司总部1', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (2, -100, '公司总部2', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (3, -100, '公司总部3', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (4, 1, '公司总部1-1', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (5, 1, '公司总部1-2', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (6, 2, '公司总部2-1', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (7, 2, '公司总部2-2', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (8, 3, '公司总部3-1', 1);
insert into LOON_ORGANIZATION (ORGID, PARENTID, ORGNAME, ISAVAILABLE) values (9, 3, '公司总部3-2', 1);
有了数据库支持就可以动态的从数据库中提取树数据。
第一步是建立JSP文件（org.jsp）和JavaScript(org.js)文件：
在org.jsp中导入ExtJS所必需的库文件，并在<body>中加入
<body>
<div id="tree-div" style="overflow:auto; height:300px;width:200px;border:2px solid #c3daf9;"></div>
</body>
Org.jsp文件完全可以是静态HTML文件，这里org.jsp中不包含任何动态内容，注意ExtJS所必需的库文件类库路径问题。
Org.js文件内容：
Ext.onReady(function() {
var Tree = Ext.tree;
var tree = new Tree.TreePanel( {
el : 'tree-div',//目标div容器
autoScroll : true,
animate : true,
enableDD : true,
containerScroll : true,
loader : new Tree.TreeLoader( {
dataUrl : ' OrgTreeJsonData.action '// OrgTreeJsonData.action就是要动态载入数据的请求地址，这里请求时会提交一个参数为node的值，值为root即new Tree.AsyncTreeNode()对象的id值
})
});
var root = new Tree.AsyncTreeNode( {
text : '组织机构树',
draggable : false,
id : '-100'//默认的node值：?node=-100
});
tree.setRootNode(root);
tree.render();
root.expand();
});

OrgTreeJsonData.action所请求的JSON数据例子：

[ {
"text" : "公司总部1",
"id" : "1",
"cls" : "folder"
}, {
"text" : "公司总部2",
"id" : "2",
"cls" : "folder"
}, {
"text" : "公司总部3",
"id" : "3",
"cls" : "folder"
}]

服务器端可以使用这样的SQL语句来查询：
select t.orgid,t.orgname,t.parentid from organization t
where t.parentid='-100' and t.orgid!='-100'
下面的代码片断用于struts2 action类中：

public String treeNode() {
try {
List<Object[]> list = this.organizationService.findByParentId(this.node);
if (list != null && !list.isEmpty()) {
boolean isFirst = true;
int i = 0;
int last = list.size();
for (Object[] o : list) {
if (i == 0) {
this.setJsonString("[{/"text/" :/"" + o[1].toString() + "/" ,/"id/" :/"" + o[0].toString()
+ "/" ,/"cls/" :/"folder/"} ");
} else if (i == (last - 1)) {
this.setJsonString(this.getJsonString() + ",{/"text/" :/"" + o[1].toString() + "/" ,/"id/" :/""
+ o[0].toString() + "/" ,/"cls/" :/"folder/"}]");
} else {
this.setJsonString(this.getJsonString() + ",{/"text/" :/"" + o[1].toString() + "/" ,/"id/" :/""
+ o[0].toString() + "/" ,/"cls/" :/"folder/"}");
}
i++;
}
} else {
this.setJsonString("");
}
System.out.println(this.getJsonString());
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
return this.INPUT;
}
return this.SUCCESS;
}

追问

回答的和提问完全没关系啊

已赞过 已踩过<

评论收起

威孚半导体技术
2024-08-19 广告

威孚（苏州）半导体技术有限公司是一家专注生产、研发、销售晶圆传输设备整机模块（EFEM/SORTER）及核心零部件的高科技半导体公司。公司核心团队均拥有多年半导体行业从业经验，其中技术团队成员博士、硕士学历占比80%以上，依托丰富的软件底层... 点击进入详情页

本回答由威孚半导体技术提供

人啦哈w
2016-08-24 · 知道合伙人软件行家

人啦哈w
知道合伙人软件行家

采纳数：3947 获赞数：19705

向TA提问私信TA

关注

展开全部

treepanel的treestore默认总是自动加载，即使把autoload设为false也一样。为了让其不自动加载，可以这样做：
首先，在定义treestore时不加入proxy设置。
var menuStore = Ext.create('Ext.data.TreeStore', {
root: {
text: 'Ext JS',
//id: 'src',
expanded: true
},
autoLoad: false
});

然后，在手动load前，加入proxy。
menuStore.setProxy({
type: 'ajax',
url: 'myAction.action',
reader: {
type: 'json'
}
});

追问

我这个是需要自动加载的啊

本回答被网友采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

使用EXTJS 写的 treePanel.on('load' 不运行 10

其他类似问题

为你推荐：