在EXT框架中,为目录树节点添加点击事件,需要注意点击节点时的目标页的打开方式:
1:通过HTML打开
2:通过TabPanel的autoLoad方式加载
第二种方式比第一种方式性能高,但若节点链接到外部,例如http://www.baidu.com,则只能使用第一种方式。
以下是示例:
//
设置树的点击事件
function treeClick(node, e) {
if (node.isLeaf()) {
e.stopEvent();
var n = center_panel.getComponent(node.id);
if ( ! n) {
var n = center_panel.add({
' id ' : node.id,
' title ' : node.text,
closable : true ,
// autoLoad : {
// url :node.attributes.href,
// scripts :true
// }//通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
html : ' <iframe id="center- iframe" width="100%" height=100% name="main" src=" ' +
node.attributes.href + ' " mce_src=" ' + node.attributes.href +
' " frameborder="0" scrolling="auto" style="border:0px none; background- color:#BBBBBB;" mce_style="border:0px none; background-color:#BBBBBB;"& gt;</iframe> ' // 通过html载入目标页
});
}
center_panel.setActiveTab(n);
}
}
function treeClick(node, e) {
if (node.isLeaf()) {
e.stopEvent();
var n = center_panel.getComponent(node.id);
if ( ! n) {
var n = center_panel.add({
' id ' : node.id,
' title ' : node.text,
closable : true ,
// autoLoad : {
// url :node.attributes.href,
// scripts :true
// }//通过autoLoad属性载入目标页,如果要用到脚本,必须加上scripts属性
html : ' <iframe id="center- iframe" width="100%" height=100% name="main" src=" ' +
node.attributes.href + ' " mce_src=" ' + node.attributes.href +
' " frameborder="0" scrolling="auto" style="border:0px none; background- color:#BBBBBB;" mce_style="border:0px none; background-color:#BBBBBB;"& gt;</iframe> ' // 通过html载入目标页
});
}
center_panel.setActiveTab(n);
}
}