- var deptUserData = [];
-
<s:if test="deptUserData!=null">
-
deptUserData=<s:property value="deptUserData"/>;
-
</s:if>
-
-
var tree = new Ext.tree.TreePanel({
-
id: 'tree',
-
onlyLeafCheckable: true,
-
animate: false,
-
rootVisible: false,
-
autoScroll: true,
-
disabled: false,
-
width: 620,
-
height: 300,
-
-
border: true,
-
lines:true,
-
-
loader: new Ext.tree.TreeLoader({
- baseAttrs: {
- uiProvider: Ext.ux.TreeCheckNodeUI
- }
- }),
-
renderTo:'assignTree',
- root: deptUserData
- });
-
-
tree.getRootNode().on('load',function(rootNode){
- rootNode.expand();
-
for(var i = 0;i < checkedUsers.length;i++){
-
tree.getNodeById(checkedUsers[i]).getUI().checkbox.checked=true;
- }
- });
var deptUserData = [];
<s:if test="deptUserData!=null">
deptUserData=<s:property value="deptUserData"/>;
</s:if>
//参与者树
var tree = new Ext.tree.TreePanel({
id: 'tree',
onlyLeafCheckable: true,// 只对叶子节点可选
animate: false, // 动画效果
rootVisible: false,
autoScroll: true,
disabled: false,
width: 620,
height: 300,
//frame:true,
border: true, // 边框
lines:true,
//checkModel: 'single',
loader: new Ext.tree.TreeLoader({
baseAttrs: {
uiProvider: Ext.ux.TreeCheckNodeUI
}
}),
renderTo:'assignTree',
root: deptUserData
});
tree.getRootNode().on('load',function(rootNode){
rootNode.expand();
for(var i = 0;i < checkedUsers.length;i++){
tree.getNodeById(checkedUsers[i]).getUI().checkbox.checked=true;
}
});
分享到:
相关推荐
Extjs动态树的实现以及节点拖拽
提供Extjs树的动态菜单生成,已及对树的增删查改该操作
Extjs4下拉树菜单 ComboBoxTree 支持单选和多选并且支持展开选中指定节点的通用控件 在项目中已经成熟运用 值得收藏和运用
1.完整的包命名空间 2.自定义header footer 3.动态添加节点/动态删除节点/动态...15.支持插件开发,可以为树添加更多功能,例如下拉框树,选择框树,可编辑内容的树,拖动节点等都可以很容易自己实现或者根据第三方js实现
在家研究了一下extjs异步树,-每个节点都异步加载-前后台代码都有-附整个工程-运行通过-前台代码请看doctree.js,后台代码请看TreeService.java,运行环境:Myeclipse6.5+tomcat7.0.27
功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范,简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
通过修改网络上的一个树的例子实现节点的动态加载,还支持checkbox。
说明:本例主要实现在树节点数据过多的情况下对数据进行异步请求,并且在请求数据返回前台的同时实现级联选择。使用ExtJs版本为4.1.1a,在struts2下测试通过。例子仅供提供思路,简单易懂,不负责代码优化,哈哈!
区别在于,远程脚本调用方式加载树节点信息使用的是WebInvokeTreeLoader,需要通过fn属性来指定用于加载数据的远程方法,并在beforeload事件处理器设置参数远程方法调用的参数值。而传统的树节点加载器是Ext.tree....
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
主要方法: collapseAll():收缩所有树节点 expandAll():展开所有树节点 getRootNode():获取根节点 getNodeById(String id):获取指定id的节点 expand( [Boolean deep], [Boolean anim],
ExtJs4.2没有直接提供下拉树这个组件,默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 做了一点修改,文件中修改处有注释!
完整的mvc思想 可以随意更换框架 如果换成struts 只用把servlet的dopost中的源码转到action 中即可 有完整的数据库 加上完整的项目 带源码 直接导入Eclipse 可以直接运行 动态的增加树目录 删除 修改 在子节点上增加...
extjs3.2 3.3 3.4都测试过可以使用,带有复选框的树菜单,选中父节点子节点全部选中,选中子节点父节点选中(以及父节点的父节点等),其余版本不知道能否使用
NULL 博文链接:https://keepcrazy.iteye.com/blog/1848425
本文档是自己亲身实践的总结文档,包括构造ext动态树的js代码,action层,service层,dao层以及实体类的示例,思路很清晰。如还有疑问,可以留言。最后附上了一段增加树节点的示例。删除修改类同。
Extjs动态加载树,首先在数据库里面设计存放树信息的表 代码如下: USE [KimiExtjs] GO /****** 对象: Table [dbo].[Trees] 脚本日期: 04/08/2010 22:12:25 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON ...
extjs4 框架实现树形结构的下拉框,并支持多选、复选,项目中开发实际用到的,这里提供了前段的js代码,大家有用到的,可以进行参考。
extjs带复选框的树包括全选 反选 子选父以及 父选子 与adf在jsp页面得应用 包含了工具类以及针对extjs树节点增加、删除、修改的工具方法