`

Ext中使用javascript建立超链接,进行事件处理

    博客分类:
  • 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>

 

  • 大小: 1.8 KB
分享到:
评论

相关推荐

    Ext javascript建立超链接,进行事件处理的实现方法

    在JavaScript和Ext JS框架中,建立超链接并处理事件是一项常见的任务,特别是在构建富客户端应用程序时。本篇文章将深入探讨如何在JavaScript中创建超链接以及如何将这些链接应用于Ext JS中的树形控件事件处理。 ...

    ExtJs表格点击超链接获取行的值

    在ExtJs框架中,我们经常需要在表格(`Ext.grid.Panel`)中显示超链接,并且当用户点击这些超链接时,能够获取到当前行的数据。为了实现这一功能,我们可以使用`renderer`函数对单元格进行自定义渲染。 **代码示例*...

    Ext GridPanel 中实现加链接操作

    在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接...

    fckeditor 与ext 集成使用

    4. **与EXT组件交互**:如果需要将FCKeditor与EXT的其他组件(如表单、面板等)结合使用,可以通过监听FCKeditor的事件(如`OnComplete`)来实现数据同步。例如,当编辑器内容改变时,可以更新EXT组件中的模型数据。...

    Ext中CKEditor应用事例

    在IT行业中,富文本编辑器是网页开发中的一个重要组件,它允许用户在浏览器环境中进行文本格式化、插入图片、超链接等操作。CKEditor是一款功能强大的开源富文本编辑器,广泛应用于各种Web应用程序中。本篇文章将...

    ext 关于树目录开发使用

    在现代 Web 开发中,Ext.js 是一个非常流行的 JavaScript 框架,它提供了丰富的 UI 组件和功能强大的数据处理能力。本文将详细介绍 Ext.js 中关于树目录开发使用的重要知识点,包括相关的函数、关键对象及其操作方法...

    精通JS脚本之ExtJS框架.part1.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    html,jsp,java,ext页面效果集合

    【EXT】:ExtJS是一个JavaScript库,专注于构建富客户端的Web应用。它提供了丰富的组件系统,包括网格、表单、面板、窗口等,可以创建高度交互的、功能丰富的界面。EXTJS使用MVC(Model-View-Controller)架构模式,...

    ext培训第三讲.doc 3/4

    3. **完成表单**:最后,将所有的表单字段添加到表单容器中,并进行布局调整。 ```javascript form_employee.add([ { legend: 'Employee Edit' }, employee_title, employee_hire_date, employee_active ]); ...

    精通JS脚本之ExtJS框架.part2.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    UniGUI集合说明

    - **触发打开**:在事件处理函数中使用JavaScript打开指定URL。 #### 40. HowToMakeCaptionInUniGUI? 在UniGUI中设置控件的标题或文本可以通过设置控件的`Caption`属性来实现。 #### 41. 在UniGUI的UniHtmlFrame...

    UniGUI集合说明--追月无名.pdf

    - **打开链接**:在事件处理中使用JavaScript打开链接。 #### 40. HowToMakeCaptionInUniGUI? 在UniGUI中设置标题的方法: - **设置属性**:直接在IDE中设置标题属性。 - **代码控制**:通过代码控制标题的显示...

    Ext JS框架 经验之作2000页

    - **代码**:利用Ext JS的事件处理机制来响应用户的操作。 - **GridPannels网格展板** - **BasicGridPannel基础信息网格面板** - **效果**:展示了基本的表格布局,可以用来显示大量数据。 - **代码**:定义列...

    UniGUI集合说明.doc

    使用Hyperlink控件或自定义JavaScript事件处理实现超链接功能。 40. **ASP登录迁移** 从ASP网站登录到UniGUI应用,需要处理身份验证和会话转移的问题。 41. **数据库初始化** 数据库初始化应在MainModule的...

    jquery 为a标签绑定click事件示例代码

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画设计以及Ajax交互等多个方面的工作。在本示例中,我们讨论的是如何使用jQuery为HTML中的`&lt;a&gt;`标签(超链接)绑定`click`事件...

    HTML界面,个人空间

    这些文件可以通过超链接或者导航菜单进行跳转。压缩包中的"ext"可能包含了这些文件以及其他相关资源,如图片、样式表(style.css)和脚本文件(script.js)。 总的来说,创建一个"HTML界面,个人空间"需要结合HTML...

    zentao二次开发成果

    - **标准化扩展**:通过创建`ext`扩展目录而非直接修改原文件的方式进行二次开发,确保系统的可维护性和安全性。 - **功能增强**:如增加了“bug项目表”的排序和超链接功能、“用例统计表”以及各种权限控制等。 - ...

    sphinx配置说明

    Sphinx是一款强大的文档生成工具,尤其在Python项目中被广泛使用。它允许开发者通过简单的文本格式(如ReStructuredText)创建结构化的、专业级的文档,然后自动生成HTML、PDF等多种格式的输出。本资源提供了关于...

Global site tag (gtag.js) - Google Analytics