Ext javascript建立超链接,进行事件处理的实现方法
更新时间:2009年03月22日 00:42:19 作者:
如何在javasript建立超链接 应用到Ext中的树控件事件处理
1,如何在javasript建立超链接
<script type="text/JavaScript">
//方法一:
location.href='网址';
//方法二:
document.write('<a href="网址">文字</a>');
</script>
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>
<script type="text/JavaScript">
//方法一:
location.href='网址';
//方法二:
document.write('<a href="网址">文字</a>');
</script>
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>
相关文章
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
这篇文章主要介绍了学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例2007-03-03
为Yahoo! UI Extensions Grid增加内置的可编辑器
为Yahoo! UI Extensions Grid增加内置的可编辑器...2007-03-03
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果代码。2010-03-03
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
YAHOO.util.Dom 中的 getXY 函数让开发者充分体验到不同浏览器的 Hack 的乐趣。IE8 即将破壳而出,但愿下面的函数不会又多个 if 判断。getXY 函数使用 匿名函数执行返回 函数(听起来有点拗口,可以参考 圆心 Blog 上的一篇文章)。2008-03-03


最新评论