本文介绍在 Ext JS 环境中如何利用原生 JavaScript 创建超链接并绑定到树控件节点。主要演示通过 location.href 实现页面跳转，以及使用 document.write 动态生成链接的方法，并结合 Ext.tree.TreeNode 和 TreePanel 组件展示具体的代码实现与配置细节。
JavaScript 创建超链接的基本方法
1，如何在javascript中创建超链接
<script type="text/JavaScript">
//方法一：
location.href='网址';
//方法二：
document.write('<a href="网址">文字</a>');
</script>
Ext JS 树控件事件处理实现
2，在Ext树控件中应用事件处理
tree_03.js
代码如下：
Ext.onReady(function(){
var root = new Ext.tree.TreeNode({ //tree，此处无function，采用json格式
id:1,
text:"linjq"
});
var c1 = new Ext.tree.TreeNode({
text:"child 1"
});
root.appendChild(c1);
root.appendChild(new Ext.tree.TreeNode({
text:"child 2"}));
var tree = new Ext.tree.TreePanel({
width:100,
renderTo:"content",
root:root
});
// c1.on("click",function(node,event){alert(node.text);});
// c1.on("click",function(){document.write('<a href="index.jsp">index.jsp</a>')});
c1.on("click",function(){location.href="index.jsp"});
});代码如下：
<link type="text/css" rel="stylesheet" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="tree_03.js"></script>
</head>
<body>
<div id="content"></div>
</body>