success : getTopicInfoArray,
method : 'post'
});
function getTopicInfoArray(response, options) {
topicInfo_arr = eval(response.responseText);
Ext.onReady(renderAll);
}
涔熷彲浠ョ敤Ext.util.JSON.decode錛堬級鏂規硶鎼炲畾
]]>
var tree_arr=[[1,'鏂版氮鎾','0'],[2,'tom','0'],[3,'緗戞槗鎾惂','0'],[4,'鏂版氮鎾瀛愬崥瀹?','1'],[5,'鏂版氮鎾瀛愬崥瀹?','1']];
var root=new Ext.tree.TreeNode({
id:"root",
text:"鎺у埗闈㈡澘",
expanded:true
});
var mytree=new Ext.tree.TreePanel({
el:"tree",
animate:true,
title:"Extjs闈欐佹爲",
collapsible:true,
enableDD:false,
enableDrag:false,
rootVisible:true,
autoScroll:true,
trackMouseOver:false,//false鍒檓ouseover鏃犳晥鏋?/span>
useArrows:false,
width:150,
lines:true
});
function get_root()
{
var result=new Array();
/*
for(var i=0; i<tree_arr.length; i++)
if(0 == tree_arr[i][2])
root.appendChild(new Ext.tree.TreeNode({
id:tree_arr[i][0],
text:tree_arr[i][1]
}));
*/
var j=0;
for(var i=0; i<tree_arr.length; i++){
if(0 == tree_arr[i][2]){
result[j++]=tree_arr[i];
}
}
return result;
}
function get_sub(parentId)
{
var result=new Array();
/*
for(var i=0; i<tree_arr.length; i++){
if(0 != tree_arr[i][0]){
//var temp=Ext.tree.getNodeById(tree_arr[i][0]);
alert(mytree.getNodeById('1'));
mytree.getNodeById('1').appendChild(new Ext.tree.TreeNode({
id:tree_arr[i][0],
text:tree_arr[i][1]
}));
}
}
*/
var j=0;
for(var i=0; i<tree_arr.length; i++){
if(parentId==tree_arr[i][2]){
result[j]=tree_arr[i];
j++;
}
}
return result;
}
//鐢熸垚鏍囩欏?/span>
var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true
});
Ext.onReady(function(){
//layout
var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({
region:'north',
el: 'north',
height:80
}),new Ext.BoxComponent({
region:'south',
el: 'south',
height:25
}),{
region:'west',
id:'west-panel',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
margins:'0 0 0 0',
layout:'accordion',
title:'緋葷粺鑿滃崟',
collapsible :true,
layoutConfig:{
animate:true
},
items: [
{
title:'EXT鎺т歡浣跨敤',
border:false,
html:'<div id="tree-div" style="overflow:auto;width:100%;height:100%"></div>'
//iconCls:'nav'
}]
},
tab//鍒濆鏍囩欏?/span>
]
});
//璁劇疆鏍戝艦闈㈡澘
var Tree = Ext.tree;
// set the root node
var root = new Tree.AsyncTreeNode({
text: 'Ext JS',
draggable:false,
id:'root'
});
var resultRoot=get_root();
for(var i=0;i<resultRoot.length;i++){
var rootNode=new Ext.tree.TreeNode({
id:resultRoot[i][0],
text:resultRoot[i][1]
});
var resultSub=get_sub(resultRoot[i][0]);
for(var j=0;j<resultSub.length;j++){
var subNode=new Ext.tree.TreeNode({
id:resultSub[i][0],
text:resultSub[i][1]
});
rootNode.appendChild(subNode);
}
root.appendChild(rootNode);
}
var contextmenu=new Ext.menu.Menu({
id:'Context',
items:[{
text:'R_menu1',
handler:function(){
alert('click');
}
}
]
});
mytree.on('contextmenu',function(node,e){
e.preventDefault();
node.select();
contextmenu.showAt(e.getXY());
});
mytree.setRootNode(root);//璁劇疆鏍硅妭鐐?/span>
mytree.render();
});
Ext.fly(A) is null 寮濮嬬殑鏃跺欎竴鐩存彁紺鴻繖涓敊璇瘇var root=new Ext.tree.TreeNode({
id:"root",
text:"鎺у埗闈㈡澘",
expanded:true
});
var mytree=new Ext.tree.TreePanel({
el:"tree",
animate:true,
title:"Extjs闈欐佹爲",
collapsible:true,
enableDD:false,
enableDrag:false,
rootVisible:true,
autoScroll:true,
trackMouseOver:false,//false鍒檓ouseover鏃犳晥鏋?/span>
useArrows:false,
width:150,
lines:true
});
function get_root()
{
var result=new Array();
/*
for(var i=0; i<tree_arr.length; i++)
if(0 == tree_arr[i][2])
root.appendChild(new Ext.tree.TreeNode({
id:tree_arr[i][0],
text:tree_arr[i][1]
}));
*/
var j=0;
for(var i=0; i<tree_arr.length; i++){
if(0 == tree_arr[i][2]){
result[j++]=tree_arr[i];
}
}
return result;
}
function get_sub(parentId)
{
var result=new Array();
/*
for(var i=0; i<tree_arr.length; i++){
if(0 != tree_arr[i][0]){
//var temp=Ext.tree.getNodeById(tree_arr[i][0]);
alert(mytree.getNodeById('1'));
mytree.getNodeById('1').appendChild(new Ext.tree.TreeNode({
id:tree_arr[i][0],
text:tree_arr[i][1]
}));
}
}
*/
var j=0;
for(var i=0; i<tree_arr.length; i++){
if(parentId==tree_arr[i][2]){
result[j]=tree_arr[i];
j++;
}
}
return result;
}
//鐢熸垚鏍囩欏?/span>
var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true
});
Ext.onReady(function(){
//layout
var viewport = new Ext.Viewport({
layout:'border',
items:[
new Ext.BoxComponent({
region:'north',
el: 'north',
height:80
}),new Ext.BoxComponent({
region:'south',
el: 'south',
height:25
}),{
region:'west',
id:'west-panel',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
margins:'0 0 0 0',
layout:'accordion',
title:'緋葷粺鑿滃崟',
collapsible :true,
layoutConfig:{
animate:true
},
items: [
{
title:'EXT鎺т歡浣跨敤',
border:false,
html:'<div id="tree-div" style="overflow:auto;width:100%;height:100%"></div>'
//iconCls:'nav'
}]
},
tab//鍒濆鏍囩欏?/span>
]
});
//璁劇疆鏍戝艦闈㈡澘
var Tree = Ext.tree;
// set the root node
var root = new Tree.AsyncTreeNode({
text: 'Ext JS',
draggable:false,
id:'root'
});
var resultRoot=get_root();
for(var i=0;i<resultRoot.length;i++){
var rootNode=new Ext.tree.TreeNode({
id:resultRoot[i][0],
text:resultRoot[i][1]
});
var resultSub=get_sub(resultRoot[i][0]);
for(var j=0;j<resultSub.length;j++){
var subNode=new Ext.tree.TreeNode({
id:resultSub[i][0],
text:resultSub[i][1]
});
rootNode.appendChild(subNode);
}
root.appendChild(rootNode);
}
var contextmenu=new Ext.menu.Menu({
id:'Context',
items:[{
text:'R_menu1',
handler:function(){
alert('click');
}
}
]
});
mytree.on('contextmenu',function(node,e){
e.preventDefault();
node.select();
contextmenu.showAt(e.getXY());
});
mytree.setRootNode(root);//璁劇疆鏍硅妭鐐?/span>
mytree.render();
});
鍚庢潵鍙戠幇firebug涓鐩存彁紺鴻繖涓敊璇?姣忔璋冭瘯鐨勬椂鍊欐竻絀轟笅cache姣旇緝濂絶~~
]]>
]]>
Ext.QuickTips.init();
var dateMenu = new Ext.menu.DateMenu({
handler : function(dp, date){
Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));
}
});
var colorMenu = new Ext.menu.ColorMenu({
handler : function(cm, color){
Ext.example.msg('Color Selected', 'You chose {0}.', color);
}
});
var menu = new Ext.menu.Menu({
id: 'mainMenu',
items: [ //瀹氫箟鑿滃崟涓殑鍏冪礌
{
text: 'I like Ext',
checked: true,
checkHandler: onItemCheck
},
'-', //娣誨姞鑿滃崟涓婄殑鍒嗛殧絎?br /> {
text: 'Radio Options',
menu: { //瀹氫箟浜岀駭鑿滃崟
items: [
'<b class="menu-title">Choose a Theme</b>',
{
text: 'Aero Glass',
checked: true,
group: 'theme',
checkHandler: onItemCheck
}, {
text: 'Vista Black',
checked: false,
group: 'color',
checkHandler: onItemCheck
}
]
}
},
{
text: 'Choose a Date',
iconCls: 'calendar',
menu: dateMenu
},
{
text: 'Choose a Color',
menu: colorMenu //榪欓噷鍓嶉潰瀹氫箟浜?/span>
}
]
});
var tb = new Ext.Toolbar();
tb.render('toolbar');
tb.add({
text:'Button Menu',
iconCls: 'bmenu', //
menu: menu //鍒嗛厤menu鍒皌oolbar
});
// functions to display feedback
function onButtonClick(btn){
Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
}
function onItemClick(item){
Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
}
function onItemCheck(item, checked){
Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
}
function onItemToggle(item, pressed){
Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
}
});
鍦╤tml涓姞鍏?/span> <div id="toolbar"></div>
]]>