名词解释——Ext JS4
- Ext.onReady——Ext主入口,和onload事件不同,不需要页面所有东西加在出来。
Ext js 的基本语法就是使用树状图来配置对象来定义界面:
{
config_options1:value1,
config_options1:value1,
…
config_options1:value1,
layout:{},
items:[
{ },
{ },//配置对象
…],
listeners:{
//定义事件(根据需要而定)
click:function(){},
dblclick:function(){}
…
}
}
格式中 config_options1: config_options1:value1 都是API文档中对象的配置项。
- 属性layout可以是对象,也可以是字符。该属性表示当前容器内使用什么来填充子空间。如果没有特殊要求,使用布局的别名作为值。
- 如使用Hbox布局 ,布局内的子控件需要剧中对齐。
layout:{
type:'hbox',
align:'middle'
}
- items属性。是一个数组。可以在里面定义当前控件的子控件。里面是一个或者多个配置项,跟需要而定。
- 属性listeners是一个对象,可以在里面绑定事件。对象的属性就是事件名称。属性值就是要执行的函数。
- xtype——在使用ExtJS时,很多时候通过定义xtype来指定改位置使用什么组件。例如:“ xtype:"panel" ”,这里指定使用面板作为当前位置的组件。这样做的主要目的是简化代码。如果没有xtype,就得先使用变量指向一个组件,然后将其加入父组件中;或者直接在父组件中的定义中加入一堆由new关键字或Ext.Create方法创建的组件。——所以,这不但影响熟悉代码的效率,还影响代码的可读性。 ————注:在某些组件下,会默认其内部组件为某些组件,所以就不用书写xtype语句。
- new——在extjs4版本之前用new关键字创建对象。new class([config])class是类名,config是可选参数。
- Ext.careate——新增的创建对象语法。
Ext.create(classname,[config])
注:其中classname可以是类的【全名】、【别名】、【备用名】;config是可选参数,为类的配置对象
- 使用Ext.widge或Ext.careteWidget创建对象
- 使用Ext.ns或Ext.namespace定义命名空间
注:定义一个“MyApp”的命名空间,可以如下图实现:
MyApp={}
//创建命名空间
Ext.namespace{"MyApp","MyApp.data","MyApp.user"};
Ext.ns{"MyApp","MyApp.data","MyApp.user"};
- 使用Ext.define定义新类————在ExtJs3中,定义新类使用的是Ext.extend方法。ExtJS4定义类语法如下:
Ext.define(classname,properties,callback);
//classname 类名
//properties 新类的配置对象,对乡里包含了类的属性集对象。下表列出常用属性以及说明。
//callback :回调函数,当类创建完成后,执行该函数。
常用属性集对象以及说明
属性 | 说明 |
extend |
要继承的类的名称。比如subclass继承自supclass,定义如下: Ext.define("subclass",{extend:"superclass",……}) |
alternateClassName |
类的备用名称,例如: Ext.define("subclass",{ 这样subclass就有了一个备用名称“myclass”,在使用Ext.create创建对象时就可以使用myclass这个名称创建subclass实例了。 |
alias | 类的别名,用法和alternateClassName一样 |
requires | 需要使用到的类名数组,在动态加载时会根据该属性去下载类,譬如subclass。需要使用到Ext.EventManager和Ext.util.MixedCollection,定义如下:
Ext.define("subclass"{ |
constructor | 构造属性,一般来初始化类的配置项和调用父类的方法,例:
Ext.define("subclass",{ |
config |
定义类的配置项,创建时会自动为config里面的每个属性添加set和get 方法,例如: Ext.define("subclass", { 代码中,initConfig方法执行后就会为config的属性创建get和set方法。 这样创建类的示例后,就可以直接通过set和get方法读写属性的值。 注:例子中用setWidth设置了配置中width的值,使用getHigth获取了heigth的值。 |
statics |
定义静态方法,例如: Ext.define("subclass", { |
- apply和applyIf方法——将所有配置对象的成员复制到对象。
- ExtJS4.0 不推荐使用extend方法。在这之前所有类以及自定义扩展基本都是使用extend定义的。ExtJS中,因为对类系统进行了重新架构,因而除了个别类外,基本都是用defind方法来定义。
- 数据及类型检测
1.typeOf:检测变量的类型
(1)语法
Ext.typeOf(v);
其中v是要检测的变量:下面列出了可能的返回值。
- undefined——无定义
- null——空
- string——字符串
- number——数组
- boolean——布尔值
- date——日期
- function——函数
- object——对象
- array——数组
- regexp——正则表达式
- element——DOM元素
- textnode——DOM的文本节点且包含内容
- whitspace——DOM的文本节点且内容为空
源代码:
page:119
1.isEmpty:检测值是否为空
- 语法
//获取Controller
Ext.getApplication().loadModule('md.mdOCarController');
- renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子(我目前是这么理解的)
先看下renderer: function()里的参数
renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
}
1.value是当前单元格的值
2.cellmeta里保存的是cellId单元格id,id不知道是干啥的,似乎是列号,css是这个单元格的css样式。
3.record是这行的所有数据,你想要什么,record.data["id"]这样就获得了。
4.rowIndex是行号,不是从头往下数的意思,而是计算了分页以后的结果。
5.columnIndex列号太简单了。
6.store,这个厉害,实际上这个是你构造表格时候传递的ds,也就是说表格里所有的数据,你都可以随便调用,唉,太厉害了。
名词解释——Ext JS4的更多相关文章
- nodejs、npm、grunt——名词解释
最近着手开发一个新项目,打算从工程化的角度整理一套自己的前端开发.发布体系. grunt这些工具,之前别人用我也用,并没有认真想过它们的前世今生,正好趁着这个机会,我来理一理目前业界比较流行这些工具的 ...
- Sql常用语法以及名词解释
Sql常用语法以及名词解释 SQL分类: DDL—数据定义语言(CREATE,ALTER,DROP,DECLARE) DML—数据操纵语言(SELECT,DELETE,UPDATE,INSERT) D ...
- 转OSGchina中,array老大的名词解释
转OSGchina中,array老大的名词解释 转自:http://ydwcowboy.blog.163.com/blog/static/25849015200983518395/ osg:: Cle ...
- css名词解释
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- sudo权限添加 和 rpm、deb之名词解释
sudo权限添加: 刚开始用Center_os Linux操作系统,想装个输入法,搜了一下,看到linux下的搜狗输入法(帖子链接)下载下来的文件的扩展名是.deb,直接用帖子上的一个命令: sudo ...
- SourceTree&Git部分名词解释
SourceTree&Git部分名词解释 克隆(clone):从远程仓库URL加载创建一个与远程仓库一样的本地仓库 提交(commit):将暂存文件上传到本地仓库(我们在Finder中对本地仓 ...
- Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法
Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(F ...
- b2c项目基础架构分析(二)前端框架 以及补漏的第一篇名词解释
继续上篇,上篇里忘记了也很重要的前端部分,今天的网站基本上是以一个启示页,然后少量的整页切换,大量的浏览器后台调用web服务局部.动态更新页面显示状态这种方式在运作的,从若干年前简单的ajax流行起来 ...
- b2c项目基础架构分析(一)b2c 大型站点方案简述 已补充名词解释
我最近一直在找适合将来用于公司大型bs,b2b b2c的基础架构. 实际情况是要建立一个bs架构b2b.b2c的网站,当然还包括wap站点.手机app站点. 一.现有公司技术人员现状: 1.熟悉asp ...
随机推荐
- 从Objective-C转战C++ Android平台开发实践(C++/Java)
是否使用虚拟方法 最好在不用“virtual”关键字的情况下声明所有cpp成员方法 但是在写CPP头文件时,请检查有没有父类的方法被当前的工作覆盖.如果有,请确保将这些方法改为虚拟方法. 如果从父类继 ...
- C#字符串和数据之间的转换
c#中不仅仅存在数值类型的数据之间的转换,字符串和数值之间也是可以互相转换的,只是方法不同而已. 1 数值型转换为字符型 数值型数据转换为字符串用ToString()方法即可实现 int num1=1 ...
- Python自动化之线程进阶篇(二)
queue队列 class queue.Queue(maxsize=0) #先入先出 class queue.LifoQueue(maxsize=0) #后入先出 class queue.Priori ...
- django 1.7+ default_permissions
由于做Caption要做权限设计.在核心类的设计的时候需要做好权限的基础设计.django 1.7+以后 django.db.modes新增特性 default_permissions,官方文档语焉不 ...
- phpcms get标签用法
{pc:get sql="SELECT t.*,n.*,n.typeid nt FROM v9_type t LEFT JOIN v9_news n ON n.typeid=t.typeid ...
- 在Navicat for MySQL中打开视图时,提示视图没有主键的问题
一直把视图理解为一个select语句而已,视图一般就是用于查询,不会通过视图来更新表或视图本身的数据,所以视图根本不需要什么主键.今天自己建了一个视图view_test: drop view if e ...
- 【IDEA】IDEA 如何设置编辑器字体大小
intellij idea 如何更改编辑器文本字体和大小 换上了intellij idea之后,第一件事就是想要改变下文字字体,因为在我这个27寸的2k分辨率的屏幕上,文字显然太小了. intel ...
- zookeeper部署及集群测试
zookeeper部署及集群测试 环境 三台测试机 操作系统: centos7 ; hostname: c1 ; ip: 192.168.1.80 操作系统: centos7 ; hostname: ...
- STL:原地归并排序模板(InplaceMergeSort)
原理:就是在归并排序上改进,以时间复杂度换空间复杂度,利用元素反转完成排序 具体过程如下: 具体操作看代码吧,应该没什么难度,主要是reverse要反转三次 typedef int Position; ...
- 屏幕截图、录像FastStone Capture
作为一款极其优秀好用的屏幕截图软件,FastStone Capture 具有体积小巧.功能强大.操作简便等优点,其方便的浮动工具条和便捷的快捷键堪称完美结合,截图后的图片编辑与保存选项也特别丰富和方便 ...