左边是一个菜单树,右边为显示区。当选择不同节点时,据节点的链接,更换显示区的内容。请问这种用什么实现比较好?
我自己是用以下办法弄的,不过用Ext.util.CSS.swapStyleSheet要改这个Iframe里面的Css不知如何操作。。
[code="java"]
Ext.DomHelper.overwrite('main', {
id : 'iframeId',
tag : 'iframe',
style : "border 0px none;scrollbar:true",
src : contextPath+'/jsp/tree/treenode_main.jsp',
//src : contextPath+'/jsp/common/tabcontainer.jsp',
height : "100%",
width : "100%"
})
[/code]
所以问题是:用什么实现方法实现改变显示区内容及实现后iframe内的样式改变
[b]问题补充:[/b]
对每个iframe的内部,执行Ext.util.CSS.swapStyleSheet
这边能具体点?
[code="java"]var b = new Ext.Button({
text: 'xx',
renderTo: Ext.getBody(),
handler: function () {
var arr = Ext.select('iframe');
arr.each(function (item) {
var win = Ext.isIE ? window.frames[item.dom.id] : item.dom.contentWindow;
alert(win.Ext.BLANK_IMAGE_URL)
//win.alert(item.dom.src)
})
}
})[/code]
试着:
Ext.select得到所有的iframe,遍历之,对每个iframe的内部,执行Ext.util.CSS.swapStyleSheet
这个你只需要把target指向'main'就行了啊。