Ext javascript建立超鏈接,進(jìn)行事件處理的實(shí)現(xiàn)方法
更新時間:2009年03月22日 00:42:19 作者:
如何在javasript建立超鏈接 應(yīng)用到Ext中的樹控件事件處理
1,如何在javasript建立超鏈接
<script type="text/JavaScript">
//方法一:
location.href='網(wǎng)址';
//方法二:
document.write('<a href="網(wǎng)址">文字</a>');
</script>
2,應(yīng)用到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>
<script type="text/JavaScript">
//方法一:
location.href='網(wǎng)址';
//方法二:
document.write('<a href="網(wǎng)址">文字</a>');
</script>
2,應(yīng)用到Ext中的樹控件事件處理
tree_03.js
復(fù)制代碼 代碼如下:
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"});
});
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
Ext第一周 史上最強(qiáng)學(xué)習(xí)筆記---GridPanel(基礎(chǔ)篇)
我不想教各位新手什么高級技術(shù),因為我也在研究,只是想教大家一個思考的方向,能夠具有舉一反三的能力,能夠真正學(xué)會Ext和開始深入了解。2008-12-12javascript YUI 讀碼日記之 YAHOO.util.Dom - Part.4
YAHOO.util.Dom 中的 getXY 函數(shù)讓開發(fā)者充分體驗到不同瀏覽器的 Hack 的樂趣。IE8 即將破殼而出,但愿下面的函數(shù)不會又多個 if 判斷。getXY 函數(shù)使用 匿名函數(shù)執(zhí)行返回 函數(shù)(聽起來有點(diǎn)拗口,可以參考 圓心 Blog 上的一篇文章)。2008-03-03ext form 表單提交數(shù)據(jù)的方法小結(jié)
Ext 表單提交數(shù)據(jù)的三種方法小結(jié),方便利用ext提交數(shù)據(jù)的朋友2008-08-08