extjs 2.0 上拉树（combo+tree）
日期：2014-05-16 浏览次数：20348 次
extjs 2.0 下拉树（combo+tree）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tree.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/html/js/ext2/resources/css/ext-all.css" id="cssfile"/>
<script type="text/javascript" src="/html/js/ext2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/html/js/ext2/ext-all.js"></script>
<script type="text/javascript">
/**
tree demo 1 异步树
组成:
1.节点
a.普通节点
b.根节点
c.默认属性 id text leaf children icon
2..树加载器
3.树容器
4.事件
5.渲染
**/
Ext.onReady(function() {
var comboHidden = new Ext.form.Hidden({
name:'comboHidden',
value:''
})
var comboxWithTree = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
editable:false,
mode: 'local',
triggerAction:'all',
maxHeight: 200,
height:500,
tpl: "<div id='tree'></div>",
selectedClass:'',
value:'',
onSelect:Ext.emptyFn
});
comboxWithTree.render('comboxWithTree');
var opRoot = new Ext.tree.AsyncTreeNode({
id:'1',
text:'root'
});
//与后台通讯的加载器
var loader = new Ext.tree.TreeLoader({
dataUrl: '/organizationAction.do',
baseParams:{
method:'getTree',
pId:''
}
});
//树容器
var opTree = new Ext.tree.TreePanel({
anchor : '95%',
frame : false,
width:200,
height:400,
animate : false,
rootVisible : true,
autoScroll : true,
loader : loader, //之前定义的加载器
root : opRoot //之前定义的根节点
});
//加载之前所触发的事件
opTree.loader.on("beforeload", function(treeLoader, node) {
loader.baseParams.pId = node.attributes.id;
});
//树节点点击事件
&
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tree.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/html/js/ext2/resources/css/ext-all.css" id="cssfile"/>
<script type="text/javascript" src="/html/js/ext2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/html/js/ext2/ext-all.js"></script>
<script type="text/javascript">
/**
tree demo 1 异步树
组成:
1.节点
a.普通节点
b.根节点
c.默认属性 id text leaf children icon
2..树加载器
3.树容器
4.事件
5.渲染
**/
Ext.onReady(function() {
var comboHidden = new Ext.form.Hidden({
name:'comboHidden',
value:''
})
var comboxWithTree = new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({fields:[],data:[[]]}),
editable:false,
mode: 'local',
triggerAction:'all',
maxHeight: 200,
height:500,
tpl: "<div id='tree'></div>",
selectedClass:'',
value:'',
onSelect:Ext.emptyFn
});
comboxWithTree.render('comboxWithTree');
var opRoot = new Ext.tree.AsyncTreeNode({
id:'1',
text:'root'
});
//与后台通讯的加载器
var loader = new Ext.tree.TreeLoader({
dataUrl: '/organizationAction.do',
baseParams:{
method:'getTree',
pId:''
}
});
//树容器
var opTree = new Ext.tree.TreePanel({
anchor : '95%',
frame : false,
width:200,
height:400,
animate : false,
rootVisible : true,
autoScroll : true,
loader : loader, //之前定义的加载器
root : opRoot //之前定义的根节点
});
//加载之前所触发的事件
opTree.loader.on("beforeload", function(treeLoader, node) {
loader.baseParams.pId = node.attributes.id;
});
//树节点点击事件
&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
