tesia
- 浏览: 33271 次
- 性别:
- 来自: 广州
-
最新评论
函数一：Ext.onReady（）
Ext的Dom都是动态生成的，而onReady的调用是发生在所有的Document对象都加载完毕的时候
，所以为了保障请求是安全的，应该保持所有的处理都在onReady中进行！
Ext.onReady(Function fn,Object scope,boolean override)
参数说明：
fn: 执行的函数
Object scope ：fn 执行的范围，为可选参数。
boolean override：表示是否以scope作为fn的默认执行范围，为可选参数。
返回值：无
示例：
<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert('提示','内容加载完毕，onReady后的调用');
});
</script>
--------------------------------------------------------------------------------
函数二：模式表选择器
Ext.select（）
基于CSS来获取应用了该样式表的对象，即样式表的选择器。
调用格式：
Ext.select(String/Array selector,[Boolean unique],[HTMLElement/String root])
selector:字符串集
unique：为true，表示取得唯一的一个Element
root：选择器查询时的根节点。为空时则指定从document开始进行查询。
Boolean unique,HTMLElement/String root 为可选参数
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
//通过选择器选择一个唯一的id为div1的Element节点
var el=Ext.select(["div1"],true,"fat1");
el.on("click",function test(){
Ext.Msg.alert("提示","您点击了id为div1的节点");
});
});
</script>
</head>
<body>
<div id="sub1"></div>
</body>
</html>
---------------------------------------------------------------------------
函数三：查询选择器 Ext.query（）
调用格式Ext.query(String path,[Node root]);
path：选择器查询时的节点path
root：选择器查询时的根节点。为空时则指定从document开始进行查询
返回值：Array 符合条件的节点的数组
查询选择器的使用：
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
//选择元素为Div其id为Div1的节点数组
var el=Ext.query("#div1");
if(el.length>0){
Ext.Msg.alert("提示","取得了"+el.length);
}
});
</script>
---------------------------------------------------------------------------------
函数四：Ext.getCmp( )
Ext.getCmp(String id);
id:指定组件的id.
返回Ext.Component管理的指定id的component对象,实际是Ext.ComponentMgr.get(id)的包装调用。
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
id:'panel1',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
var el=Ext.getCmp("panel1");
Ext.Msg.alert("提示","类型为"+el.getXType());
});
</script>
--------------------------------------------------------------
函数五：
Ext.apply(Object obj, Object config, Object defaults )
obj: 目标拷贝对象
config:源拷贝对象
defaults:默认属性值
返回值：obj ，即拷贝完成的对象
为指定对象拷贝属性，或以默认的属性初始化一个对象。
在调用时表示将第2个参数config所有的属性拷贝到第1个参数obj对象的属性中，如果config为空，将第3个参数defaults的属性
拷贝到obj 的属性中。
---------------------------------------------------------------------------------
函数六：
Ext.encode( Object obj, Object config, Object defaults )
将定义的JSON对象进行解析，解析成字符串，是一标准的Ext.JSON.encode.在调用时表示将参数Object进行解析，返回字符串。
obj: 目标拷贝对象
返回值：string ,即将Object进行解析的字符串。
<script type="text/javascript">
Ext.onReady(function(){
var person={name:'Tom',age:24}; //定义一个JSON对象
var panel=new Ext.Panel({
title:'encode',
frame:true,
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'>将对象进行转换成字符串</div>"
});
var el=Ext.select(["div1"],true);
el.on("click",function tes(){
Ext.Msg.alert('提示',Ext.encode(person));//打印将对象转变成字符串
});
});
</script>
Ext的Dom都是动态生成的，而onReady的调用是发生在所有的Document对象都加载完毕的时候
，所以为了保障请求是安全的，应该保持所有的处理都在onReady中进行！
Ext.onReady(Function fn,Object scope,boolean override)
参数说明：
fn: 执行的函数
Object scope ：fn 执行的范围，为可选参数。
boolean override：表示是否以scope作为fn的默认执行范围，为可选参数。
返回值：无
示例：
<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert('提示','内容加载完毕，onReady后的调用');
});
</script>
--------------------------------------------------------------------------------
函数二：模式表选择器
Ext.select（）
基于CSS来获取应用了该样式表的对象，即样式表的选择器。
调用格式：
Ext.select(String/Array selector,[Boolean unique],[HTMLElement/String root])
selector:字符串集
unique：为true，表示取得唯一的一个Element
root：选择器查询时的根节点。为空时则指定从document开始进行查询。
Boolean unique,HTMLElement/String root 为可选参数
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例</title>
<link rel="stylesheet" type="text/css" href="ext-4.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
//通过选择器选择一个唯一的id为div1的Element节点
var el=Ext.select(["div1"],true,"fat1");
el.on("click",function test(){
Ext.Msg.alert("提示","您点击了id为div1的节点");
});
});
</script>
</head>
<body>
<div id="sub1"></div>
</body>
</html>
---------------------------------------------------------------------------
函数三：查询选择器 Ext.query（）
调用格式Ext.query(String path,[Node root]);
path：选择器查询时的节点path
root：选择器查询时的根节点。为空时则指定从document开始进行查询
返回值：Array 符合条件的节点的数组
查询选择器的使用：
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
//选择元素为Div其id为Div1的节点数组
var el=Ext.query("#div1");
if(el.length>0){
Ext.Msg.alert("提示","取得了"+el.length);
}
});
</script>
---------------------------------------------------------------------------------
函数四：Ext.getCmp( )
Ext.getCmp(String id);
id:指定组件的id.
返回Ext.Component管理的指定id的component对象,实际是Ext.ComponentMgr.get(id)的包装调用。
<script type="text/javascript">
Ext.onReady(function(){
//创建一个panel
var panel= new Ext.Panel({
title:'示例',
id:'panel1',
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'> 我的id是sub3</div>"
});
var el=Ext.getCmp("panel1");
Ext.Msg.alert("提示","类型为"+el.getXType());
});
</script>
--------------------------------------------------------------
函数五：
Ext.apply(Object obj, Object config, Object defaults )
obj: 目标拷贝对象
config:源拷贝对象
defaults:默认属性值
返回值：obj ，即拷贝完成的对象
为指定对象拷贝属性，或以默认的属性初始化一个对象。
在调用时表示将第2个参数config所有的属性拷贝到第1个参数obj对象的属性中，如果config为空，将第3个参数defaults的属性
拷贝到obj 的属性中。
---------------------------------------------------------------------------------
函数六：
Ext.encode( Object obj, Object config, Object defaults )
将定义的JSON对象进行解析，解析成字符串，是一标准的Ext.JSON.encode.在调用时表示将参数Object进行解析，返回字符串。
obj: 目标拷贝对象
返回值：string ,即将Object进行解析的字符串。
<script type="text/javascript">
Ext.onReady(function(){
var person={name:'Tom',age:24}; //定义一个JSON对象
var panel=new Ext.Panel({
title:'encode',
frame:true,
renderTo:'sub1',
width:'300px',
html:"<div id='div1' style='height:200px'>将对象进行转换成字符串</div>"
});
var el=Ext.select(["div1"],true);
el.on("click",function tes(){
Ext.Msg.alert('提示',Ext.encode(person));//打印将对象转变成字符串
});
});
</script>
分享到：
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2068Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1356JSON作为轻量级的数据传输格式，在很多时候可以作为XML文件 ... -
Ext.Ajax.request提交XML数据示例
2013-07-09 16:51 938服务器端：loginServerXml.jsp 在lib下要有 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1047服务器端代码：loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 644<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 693<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 434<!DOCTYPE html PUBLIC " ... -
改变文档样式风格示例
2013-07-04 10:55 772<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 672<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 941<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1326<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 745Ext.util.ClickRepeater 继承Ext.ut ... -
样式表的创建和规则获取示例
2013-07-03 10:44 512<!DOCTYPE html PUBLIC " ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 843<!DOCTYPE html PUBLIC " ... -
水平盒布局HBox
2013-07-01 15:43 480<!DOCTYPE html PUBLIC " ... -
表格布局
2013-07-01 15:18 519<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 743<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 395Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 949<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 766<!DOCTYPE html PUBLIC " ...
相关推荐
ext常用函数
第十三讲.ExtJS之Ext常用函数（二） 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax支持-注册用户实例2 第十七讲.ExtJS之Grid组件 第十八讲.ExtJS之ComboBox获取远程数据、...
13、ExtJS之Ext常用函数（二）' o, e2 G$ D7 @" ?- [! E 14、初识Ajax& i O, A2 I, c6 G: c- Q) K% I 15、ExtJS对Ajax支持-注册用户实例 16、ExtJS对Ajax支持-注册用户实例2 17、ExtJS之Grid组件* w/ o8 _- \. Q! [*...
6.2 Ext常用函数 6.2.1 Ext.onReady（） 6.2.2 Ext.get（） 6.2.3 Ext.select（） 6.2.4 Ext.query（） 6.2.5 Ext.getCmp（） 6.2.6 Ext.getDom（） 6.2.7 Ext.isEmpty（） 6.2.8 Ext.namespace（） 6.2.9 ...
ExtJS 是一个强大的JavaScript库，主要用于构建富客户端应用程序。...以上就是关于ExtJS中常用函数和事件的详细介绍，这些工具和方法使得在JavaScript环境中开发复杂的用户界面变得更加简单和高效。
Ext常用方法录 Ext是一个功能强大的JavaScript库，提供了许多实用的方法来简化开发工作。下面是Ext常用方法的概述： 一、 Ext核心方法 1. Ext.isEmpty(v, allowBlank)：判断对象是否为空，allowBlank参数可选，...
使用`Ext.Ajax.request`发送异步请求，配置URL、方法、参数和回调函数。 ### Button的使用 `Ext.button.Button`创建按钮，支持图标、文本、点击事件等配置。 总的来说，ExtJS为开发者提供了强大的表格处理能力，...
* `Ext.isFunction(v)`: 判断变量是否为函数。 * `Ext.isNumber(v)`: 判断变量是否为数字。 * `Ext.isString(v)`: 判断变量是否为字符串。 * `Ext.isBoolean(v)`: 判断变量是否为布尔值。 浏览器和平台判断 Ext 还...
以下是一些PHP常用函数的详细说明： 1. **验证函数系列**： - `is_object()`: 检查变量是否为对象类型。 - `is_array()`: 检查变量是否为数组。 - `defined()`: 检查一个常量是否已定义。 - `isset()`: 检查...
总的来说，这个压缩包中的资料对于熟悉EXT4的日常开发非常有帮助，涵盖了EXT4的核心组件和常用操作，无论是数据展示、数据处理还是用户交互，都能提供实用的解决方案。通过学习这些内容，开发者可以更高效地构建基于...
【PHP5常用函数介绍】 PHP5 是一种广泛使用的开源脚本语言，尤其适用于Web开发，它提供了丰富的内置函数，使得编程更加便捷。本章将详细介绍PHP5中的几个关键函数类别，包括数组函数、字符串处理函数、时间日期函数...
在"Extjs常用函数和事件.pdf"中，提到了一些核心类和函数，这些是开发ExtJS应用时经常使用的工具。以下是对这些函数和事件的详细说明： 1. `Ext.onReady(Function fn, Object scope, boolean override)`：这是ExtJS...
### LoadRunner常用函数详解 #### 一、事务函数 事务函数是LoadRunner中用于控制和监控虚拟用户（Vuser）执行事务的关键组件。通过这些函数，我们可以精确地控制何时开始和结束事务，这对于性能测试中衡量系统响应...
在"extjs 常用函数.rar"这个压缩包中，我们重点关注两个特定的函数：`getCMP()` 和 `getDom()`。这两个函数在ExtJS开发中非常常用，帮助开发者获取组件或DOM元素，以便进行后续的操作和交互。 1. `getCMP()` `...
### ext.js 常用操作知识点详解 #### 一、Ext JS 4.0 概述 Ext JS 是一款基于 JavaScript 的开源前端框架，用于构建交互式的 Web 应用程序。它提供了丰富的 UI 组件库，支持数据绑定、事件处理等功能，并且具有...
- `Ext.create()`: 这是EXT中最常用的静态方法之一，用于创建类的实例。你可以指定类名和配置选项，例如`Ext.create('Ext.window.Window', {title: 'Hello World'})`将创建一个新的窗口。 - `Ext.extend()`: 这个...
以上是对uCOS-II中部分常用函数的详细介绍。这些函数在开发嵌入式应用时非常重要，理解它们的工作原理可以帮助开发者更高效地利用uCOS-II的功能。值得注意的是，正确使用这些函数并遵循uCOS-II的设计原则对于确保...
通过这份文档，开发者可以快速查找EXT 3.0中的特定函数或组件，了解其用法、参数和返回值等信息，这对于编写代码和解决问题至关重要。 EXTJS教程.pdf则是一个PDF格式的教程，可能涵盖了EXT 3.0的基础到进阶内容。这...
在阅读API时，应重点关注每个控件的配置项，以及常用方法和事件的触发条件，这对于理解和使用EXT控件至关重要。 "ext教程"一般是一系列指导性的教学材料，可能包括文字教程、视频教程或者在线课程。教程通常按照...