Hide widget if not clicked on
You could do something like:
Ext.getBody().on('click', function(e){
if (myPicker.isVisible() && !myPicker.getEl().contains(e.getTarget()){
myPicker.hide();
}
});
点击父节点 生成子节点
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = "/PsoWeb/s_sgd/ext/resources/images/default/s.gif"
var Tree = Ext.tree;
var root=new Ext.tree.AsyncTreeNode({
id:"para=root",
text:"基本维度
});
var tree=new Tree.TreePanel({
renderTo:"tree-div",
root:root,
useArrows:true,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
loader: new Ext.tree.TreeLoader({url:"treejsoncallback.jsp?para=root"})
});
tree.on("beforeload",function(node,event){
tree.loader.dataUrl='treejsoncallback.jsp?'+node.id;
});
});
</script>
http://finally-m.iteye.com/blog/537214
http://www.47school.com/Program/js/extjs/rmjc/2009/0623/28817.html
Ext.onReady(function(){
function test(node){
var id=node.attributes.id;
Ext.lib.Ajax.request(
'POST',
'griddata123.asp',
id=node.attributes.id
);
if (node.item(0) == undefined) {
node.appendChild(new Ext.tree.AsyncTreeNode({
url:"griddata123.asp"
}))
}
}
var root=new Ext.tree.AsyncTreeNode({
id:"root",//id
text:"树的根"//页面上显示的内容
});
var tree=new Ext.tree.TreePanel({
renderTo:"tree",//相当于tree.render:doucment.body renderTo:document.body
root:root,//定义根
rootVisible:false,
//autoScroll:true,//True表示为在面板body元素上,设置overflow:'auto'和出现滚动条 false表示为裁剪所有溢出的内容(默认为false)。
autoWigth:true,//自动宽
autoHeight:true,//自动高
loader: new Ext.tree.TreeLoader({url:"column-data.asp"})//延时加载自定文件内容,需树
});
root.expand(true, true);//自动展开
tree.on("click", function(node,e){
if(node.isLeaf()){
e.stopEvent();
test(node);
/**Ext.lib.Ajax.request(
'POST',
'griddata123.asp',
id=node.attributes.id
);*/
}
});
});
Ext核心API详解-Ext.tree.TreePanel
http://www.cnblogs.com/fmxyw/archive/2009/07/15/1524019.html
分享到:
相关推荐
用Extjs 实现的 树形结构,仅供参考。
extjs实现的下拉树的核心代码,包括js,jsp,对有需要的同仁提供参考与学习之用
用extjs写的树可参考学习.有助于属性extjs的使用。
把ext构建树的过程都详细讲述,静动态的树都有,值得参考。
extjs4 框架实现树形结构的下拉框,并支持多选、复选,项目中开发实际用到的,这里提供了前段的js代码,大家有用到的,可以进行参考。
实用智慧密集:如何使用EXTJS实现无级树,省份树等代码实现,需要的可以参考看看试试,应该可以的,听快速的
《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为RIA Web程序开发的培训教材。 第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 ...
自己写的ExtJS实现的三种状态树,也就是半选中状态,已经测试过了。供参考哈
《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为RIA Web程序开发的培训教材。 第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 ...
本文实例为大家分享了Extjs实现下拉树效果,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>text8</title> <link rel="stylesheet...
Extjs动态加载树的实现代码,需要的朋友可以参考下。
最近涉及到的一个项目中,需要实现ComboBoxTree的效果,由于在Extjs中是没有这种效果,所以看看别人的资料自己写了一个,感兴趣的朋友可以参考下哈
需要一个功能点击一个按钮后将树节点前的复选框去掉,变成没有选择的状态,百度一下发现个不错的方法,需要的朋友可以参考下
1、 主要架构:extjs+struts1+hibernate 2、 分别实现连接oracle 和mysql 数据库,连接的具体数据库请修改hibernate.cfg.xml 如连接oracle 请根据你需要连接的用户名和密码进行配置,下面连接mysql数据库 需注释...
该样例工程采用spring和struct,还未完整,仅提供参考
主要介绍了ExtJS4利根据登录后不同的角色分配不同的树形菜单,需要的朋友可以参考下
但是在开发的时候我种想找个例子来参考下,发现有很多这样的例子,包括extjs和jquery treeview的官方也有,但结合java后台实现的不多。 这里我做了一个例子,是一个完整的应用例子,可以动态的对这棵树进行维护
它扩展了 GWT,在 ExtJs 的基础上实现了有排序功能的表格(Grid)、分页、过滤,支持有拖拽功能的树,高度可定制的组合下拉框(Combobox)、目录、对话框、表单(Form)以及功能丰富、强大且易用的 API。 GWT-Ext ...
用Extjs4.1来做界面,有关Extjs4.1资料在网上也相对来说较少,下面是具体的实现代码1.左侧的功能树2.需要打开的对应的view,有类似需求的朋友可以参考下哈