Ext javascript建立超链接,进行事件处理的实现方法_YUI.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>

时间: 2024-07-29 10:38:56

Ext javascript建立超链接,进行事件处理的实现方法_YUI.Ext相关的相关文章

Ext面向对象开发实践代码第1/2页_YUI.Ext相关

示例程序简述: 这个Demo为了演示如将使用GridPanel显示数据,并为GridPanel添加工具条按钮,提供弹出式窗体新增数据. 使用到的Ext组件 这个Demo涉及到Ext中的GridPanel,FormPanel和Window三个组件.效果图现在开始讲解代码,首先看一下创建GridPanel的代码片段 复制代码 代码如下: //定义数据列表面板类 PersonListGridPanel = Ext.extend(Ext.grid.GridPanel, { insertWin: null

ext 列表页面关于多行查询的办法_YUI.Ext相关

首先在Ext.grid.GridPanel中必须要有tbar对象 然后要增加listeners: { 'render': function() { bbar2.render(this.tbar); //add one tbar //twoTbar.render(this.tbar); //add two tbar // threeTbar.render(this.tbar); //add three tbar } } 可以看到这里有bbar2这样就可以增加很多bar了 复制代码 代码如下: th

ext读取两种结构的xml的代码_YUI.Ext相关

<?xml version="1.0" encoding="utf-8" ?> <list> <software> <name>软件1</name> <icon>1.gif</icon> </software> <software> <name>控件2</name> <icon>2.gif</icon> <

javascript禁止超链接跳转的方法_javascript技巧

本文实例讲述了javascript禁止超链接跳转的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

javascript加超链接的问题

问题描述 javascript加超链接的问题 下面的这个东西目前在.js文件内,我希望这两个省能有超链接 var chinaMapConfig = { width: 565, height: 475, shapes: { heilongjiang: 'M464.838,96.639l6.787-1.19l2.854,5.241l4.285,3.095l2.856-1.188h2.386l4.285-2.501l3.094,3.094l2.024,0.357l5.357-2.023l3.813,2

JavaScript获取DOM元素的11种方法总结

  JavaScript获取DOM元素的11种方法总结          这篇文章主要介绍了JavaScript获取DOM元素的11种方法总结,本文用分4大类11个方法总结如何获取DOM元素,需要的朋友可以参考下 在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):

JavaScript中5种调用函数的方法

 这篇文章主要介绍了JavaScript中5种调用函数的方法,本文详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助,需要的朋友可以参考下     这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! JavaScript,调用函数的5种方法 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下

BootStrap 超链接变按钮的实现方法_javascript技巧

<a href="#"> xuhaitao </a> 上面代码效果如下: btn btn-default :变成一个按钮样子 btn-lg : 大号的按钮 btn-block : 按钮填充整个宽度 JS按钮(bootstrap)超链接 html代码: button是bootstrap样式,请先加入bootstrap.min.css和jquery-1.11.1.min.js <a href="#" id="DownLoadAud

javascript实现单击和双击并存的方法_javascript技巧

本文实例讲述了javascript实现单击和双击并存的方法.分享给大家供大家参考.具体分析如下: 在我们进行网页开发的过程中经常会遇到这么一个问题,为一个链接注册双击事件,或者让一个按钮或者其他元素上面同时注册单击或者双击事件,这时候我们发现网页中的双击事件似乎永远都不会起作用,原因是当我们点击一次的时候,就被超链接或者单击事件截获了,本文描述了一个如何解决这个技术问题的具体方法.本解决方案的实现原理是,单击事件和双击事件都调用同一个方法,我们根据两次鼠标点击的间隔时间来判断到底是单击还是双击事