如图,extjs4 如何点击左侧tree中的链接,在右侧的center窗口打开页面呢?

部分代码在这里<scripttype="text/javascript">Ext.require(['Ext.tree.*','Ext.data.*',]);Ext.on... 部分代码在这里
<script type="text/javascript">
Ext.require([
'Ext.tree.*',
'Ext.data.*',
]);
Ext.onReady(function() {
var cw;
var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true
},
proxy: {
type: 'ajax',
url: 'tree-data.json'
}
});

// create the Tree
var menu = Ext.create('Ext.tree.Panel', {
store: store,
region: 'west',
title: '管理菜单',
collapsible: true,
rootVisible: false,
hrefTarget: 'mainContent',
viewConfig: {
plugins: [{
ptype: 'treeviewdragdrop'
}]
},
width: 200
});

Ext.create('Ext.Viewport', {
layout: {
type: 'border',
padding: 5
},
defaults: {
split: true
},
items: [{
region: 'north',
hideHeaders: true,
split: true,
height: 80,
html: '<h1>测试</h1>',
},menu,{
region: 'center',
layout: 'border',
border: false,
items: [{
region: 'center',
id : 'mainContent',
html:'<iframe id="center-iframe" width="100%" height=100% name="center" frameborder="0" scrolling="auto" style="border:0px none; background-color:#BBBBBB; " ></iframe>',
title: 'Center',
items: [cw = Ext.create('Ext.Window', {
xtype: 'window',
closable: false,
minimizable: true,
title: 'Constrained Window',
height: 200,
width: 400,
constrain: true,
html: 'I am in a Container',
itemId: 'center-window',
minimize: function() {
this.floatParent.down('button#toggleCw').toggle();
}
})],
dockedItems: [{
xtype: 'toolbar',
dock: 'bottom',
items: ['Text followed by a spacer',
' ', {
itemId: 'toggleCw',
text: 'Constrained Window',
enableToggle: true,
toggleHandler: function() {
cw.setVisible(!cw.isVisible());
}
}]
}]
},{
region: 'south',
height: 100,
split: true,
collapsible: true,
title: 'Splitter above me',
html: 'center south'
}]
}]
});
});
</script>
展开
 我来答
dualmind
2011-08-11 · TA获得超过270个赞
知道小有建树答主
回答量:237
采纳率:0%
帮助的人:176万
展开全部
document.getElementById('center-iframe').contentWindow.location = 'url';
百度网友6daf5a2
2011-08-13
知道答主
回答量:3
采纳率:0%
帮助的人:3万
展开全部
给左侧的树增加点击事件
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式