`
guoyiqi
  • 浏览: 1009983 次
社区版块
存档分类
最新评论

learningExtjs 中文版 之 用得最多的就是Ext.get了

阅读更多

Extjs之所以好用在于它可以很容易取到并操作DOM.用得最多的就是Ext.get了。

 

Ext.get('my_id');这条语句让我们很容易取到了页面中ID为“my_id”的元素。

首先我们在页面上添加一个ID”my_id”div.

<div id='my_id' style='width:200px;height:200px;'>test</div>

然后添加语句

Ext.get('my_id').highlight('FF0000',{endColor:'0000FF', duration: 3});

在浏览器预览,就可以看到一个200px的方形改变颜色。

要记住,id应该是唯一的。如果“my_id ”已经用了,其他地方就不能再用了。如果id重复了,有作用的将是最后一个。但应该视这种情况为bug ,而不是设计技巧。大部分情况下ext自己会创建和跟踪id,不需要我们多加干涉。如果在页面中定义了重复id,通常会导致一些异常,像控件总显示在浏览器的左上角等,所以应当避免。

 

分享到:
评论
2 楼 guoyiqi 2009-02-05  
改为:
animal=function(){};
animal.prototype.name="animal";

Ext 的 extned只对prototype属性有效
1 楼 li6151770 2009-02-04  
var animal = function(){
this.name = 'animal';
this.age = 7;
}
Ext.cat = Ext.extend(animal,{
name: 'cat',
age: 3,
getName: function(){alert(this.name);}
});
var cc = new Ext.cat();
cc.getName();
怎么才打印cat?

相关推荐

    Ext.get与Ext.fly的区别

    ### Ext.get与Ext.fly的区别 在Ext JS框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们主要用于操作DOM元素。理解这两个方法之间的区别以及如何使用它们对于开发高质量、高效率的应用程序至关重要。 #### ...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中,`Ext.get`和`Ext.fly`是两个非常重要的方法,它们都用于操作DOM元素,但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先,`Ext....

    Ext.data.Store的基本用法

    var name = store.getAt(0).get('name'); // 遍历所有记录 for (var i = 0; i &lt; store.getCount(); i++) { var record = store.getAt(i); console.log(record.get('name')); } ``` #### 七、总结 本文详细介绍...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    org.restlet.ext.spring.jar

    org.restlet.ext.spring.jar

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    EXT.form组件

    EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...

    Ext.tree.TreeLoader附带封装的json类

    总之,`Ext.tree.TreeLoader`与JSON数据的结合使得在Ext JS中创建动态、可扩展的树形视图变得简单高效。通过理解和应用这些概念,开发者能够构建出更加交互丰富的前端应用。希望这个概述能帮助你更深入地了解`...

    一个简单的Ext.Window中插入图片的例子

    在Ext JS这个强大的JavaScript框架中,`Ext.Window`是一个常用组件,用于创建浮动、可弹出的窗口。在Web应用程序中,我们常常需要在这些窗口中展示各种内容,包括文字、表格、按钮,当然还有图片。本文将详细介绍...

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    vbe6ext.olb

    运行Microsoft office时,vbe6ext.olb不能加载

    Ext.js教程和Ext.js API

    通过结合中文API文档和教程,开发者可以全面掌握Ext.js 3.0的使用,从而构建出高效、用户体验良好的Web应用程序。虽然现在有更新的版本(如Ext JS 7.x),但学习旧版本有助于理解框架的发展历程,同时许多核心概念在...

    Ext.window从右下角弹出/隐藏

    winElm = Ext.get(this.id); Ext.TaskMgr.start({ run: function () { if (self.winYtmp &gt;= self.winYtop) { if (self.hidden == true) self.show(); Ext.TaskMgr.start(self.upTask); } else { Ext....

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压缩之后,使用IDE导入工程 2、在MyEclipse中启动服务器 3、打开IE在地址栏输入:http://localhost:8080/ExtAjax/TestAjax.html 如果...

    EXT dojochina文本框示例Ext.form.TextField.rar

    通过查看这些示例,可以更深入地理解EXT框架中文本框组件的功能和使用技巧。 总的来说,`Ext.form.TextField`是EXT框架中不可或缺的一部分,它提供了一种简单且灵活的方式来创建和管理用户输入,是构建Web表单和...

    Ext.ux.tree.treegrid异步加载

    - `TIS.Get_TaskInfo` 和 `TIS.Get_StageTask` 分别用于获取一级节点和二级及以下节点的数据。 - 通过循环遍历数据集的每一行,构建符合前端期望格式的JSON字符串。 #### 五、总结 本文详细介绍了如何使用ExtJS中...

    fp40ext.dll无法加载安装程序库

    标题 "fp40ext.dll无法加载安装程序库" 描述了一个常见的系统错误,涉及的是一个动态链接库(DLL)文件fp40ext.dll在尝试执行或加载时出现问题。DLL文件是Windows操作系统中的一种共享库,它包含了一系列可供多个...

Global site tag (gtag.js) - Google Analytics