思享工具箱

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）

摘要：
//www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext all.css“rel=”stylesheet“type=”text/css“/&gt；

1.Ext.onReady

说明：onReady内的语句块会在页面上下文加载后再执行

例子：

复制代码
<html><head><title>Index</title><link href="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet"type="text/css"/><script src="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/ext-all-dev.js"type="text/javascript"></script><script src="http://www.cnblogs.com/Scripts/App/Data/books.js"type="text/javascript"></script><script type="text/javascript"> Ext.onReady(function() { //获取页面元素，元素ID为“onReady”varinput =Ext.get("onReady"); Ext.Msg.alert("隐藏控件内容",input.dom.value);  }); </script></head><body><div id="Ext4-Panel"><input type="hidden"value="页面已经加载"id = "onReady"/></div></body></html>
复制代码

执行结果：

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）第3张

如果代码段没有放入Ext.onReady中，会报错：

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）第4张

 

2.Ext.define

说明：创建类，可以继承其他类，也可以被继承

例子1：

复制代码
<script type="text/javascript"> Ext.onReady(function() { //创建一个类，类名：TextClass，具有两个属性：A、BExt.define('TextClass', { A: 'a', B: 'b' }); //实例化类vartextClass =newTextClass(); //输出属性名Ext.Msg.alert('类属性', textClass.A +""+textClass.B); }); </script>
复制代码

执行结果：

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）第7张

例子2：

复制代码
<script type="text/javascript"> Ext.onReady(function() { //创建一个类，类名：TextClass，具有两个属性：A、BExt.define('TextClass', { A: 'a', B: 'b' }); //创建一个类，继承TextClassExt.define("TextClass2", { extend: 'TextClass',//继承TextClassC: 'c'//TextClass2特有的属性}) vartextClass2 =newTextClass2(); Ext.Msg.alert("TextClass2属性",textClass2.A+""+textClass2.B+""+textClass2.C) }); </script>
复制代码

执行结果：

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）第10张

 

3.Ext.create

说明：实例化类，在EXTJS4中建议用create方法实例化类

复制代码
<script type="text/javascript"> Ext.onReady(function() { //创建一个类，类名：TextClass，具有两个属性：A、BExt.define('TextClass', { A: 'a', B: 'b' });
vartextClass =Ext.create("TextClass")
Ext.Msg.alert('textClass属性', textClass.A +''+textClass.B ) }); </script>
复制代码

执行结果：

EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）第13张

标签：#lt#amp#gt#类#属性 | 浏览：343 | 发布日期：

免责声明：文章转载自《EXTJS4自学手册——EXT基本方法、属性（onReady、define、create）》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇java字符格式卸载Ambari集群下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

CSS总结div中的内容垂直居中的五种方法

一、行高（line-height）法 如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如： p { height:30px; line-height:30px; width:100px; overflow:hidden; } 这段代码可以达到让文字在段落中垂直居中的效果。 二、内边距（padding）法 另一...

动态sql语句 入参中存在 数组 或 List

mybatis中入参存在 数组或List 时，使用foreach 进行动态拼接 foreach可以在SQL语句中迭代一个集合。它的属性主要有item、index、collection、separator、close、open item：表示集合中每一个元素进行迭代时的别名 index：指定一个名称，用于表示在迭代过程中，每次迭代到的位置 open：表示该...

（转载）Qt中的类型转换

（转载）http://blog.csdn.net/xuhongtao123459/article/details/5810101 把QString转换为 double类型 方法1.QString str="123.45"; double val=str.toDouble(); //val=123.45 方法2.很适合科学计数法形式转换 bool ok; d...

NumPy-快速处理数据--ndarray对象--多维数组的存取、结构体数组存取、内存对齐、Numpy内存结构

本文摘自《用Python做科学计算》，版权归原作者所有。 上一篇讲到：NumPy-快速处理数据--ndarray对象--数组的创建和存取 接下来接着介绍多维数组的存取、结构体数组存取、内存对齐、Numpy内存结构 一、多维数组的存取 多维数组的存取和一维数组类似，因为多维数组有多个轴，因此它的下标需要用多个值来表示，NumPy采用组元(tuple)作为数组...

SpringBoot 学习记录 2021.05.13 Started

环境搭建 Spring Boot 2.x Java JDK 需要安装 JDK java8 也就是 1.8， 用 jdk-8u271-windows-x64.exe 网上有很多安装java8的教程，很简单。我已经安装完了。注意配置环境变量。 C:UsersReciter>java -version java version "1.8.0_211" Ja...

CSS禁止选择文本功能（兼容IE,火狐等浏览器）

有时候，我们为了用户体验，需要禁用选择文本功能。 这需要用到一个CSS属性：user-select，user-select的文档点这里 user-select有两个值： none：用户不能选择文本 text：用户可以选择文本 需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整 body{...

最新文章

随机推荐

思享工具箱导航