Question

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

部分代码在这里
<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>

Answer 1

document.getElementById('center-iframe').contentWindow.location = 'url';

Answer 2

给左侧的树增加点击事件