这个是一个Window 我点击左侧的树链接 右侧展示其详细信息 ,我想在选中右侧的一行数据后 获取到点击“确认”后将选中的数据回传给父页面。
遇到的问题:1.由于右侧内容是动态获取数据的单独页面,怎么样在Window 中获取到选中的数据;2.怎么样将选中的数据回传给父页面。
[code="ruby"]
button.on('click', function(){
var root = new Ext.tree.AsyncTreeNode({id:'0', draggable:false,text:'管理员',expanded: true});
var tree = new Ext.tree.TreePanel({
animate:true,
autoScroll:true,
containerScroll: true,
useArrows:true,
enableDD:true,
loader:new Ext.tree.TreeLoader({dataUrl:'/UOP/jsp/actor/extjsTree.jsp',requestMethod: 'GET'}),
collapseFirst:false,
border: false,
height: 300,
width: 200
});
tree.setRootNode(root);
tree.on('click',function clickTree(node){
try{
if(!node.isLeaf()){
return false;
}
Ext.get("main-panel").load({
url:node.attributes.url,
scripts: true,
params: "param1=main-panel",
text: "加载数据..."
});
}catch (ex) {
}
});
//主数据展示区域
var tabs = new Ext.Panel({
region: 'center',
id: 'main-panel',
title: '信息区',
margins:'3 3 3 0',
activeTab: 0,
autoScroll :true,
html:'点击树,选择符合条件信息'
//items:[{title:'详细信息',name:'tre',value: "summary4",id:'a'}]
});
// 左侧功能树区域
var nav = new Ext.Panel({
//title: '树木',
region: 'west',
collapseMode:'mini',
split: true,
width: 150,
collapsible: true,
items:[tree]
});
//South
var win = new Ext.Window({
title: '选择窗口',
closable:true,
width:500,
height:350,
//border:false,
plain:true,
layout: 'border',
autoScroll :true,
items: [nav, tabs],
buttons: [{
text: '确认',
listeners:{'click':function()
{
}
}
},{
text: '取消',
listeners:{'click':function()
{
win.close(this);
}
}
}]
});
win.show(this);
});
[/code]