zoukankan
html css js c++ java
ExtJS中如何扩展自定义的类
JS代码
1
/**/
/*
*
2
* ExtJs自定义PersonListGridPanel类
3
* 该类继承自GridPanel[使用Ext.extend(superClass,override Object)方法实现继承],
4
* 并override了该类的构造函数
5
* 构造函数内部继承自GridPanel的构造函数[apply(this,arguments)实现继承]
6
* 该类实现了如何对外部公布一个事件
7
* 在构造函数中添加一个事件[this.addEvents("事件名称")]
8
* 然后使用this.fireEvent("事件名称",参数)来发布此事件
9
* 最后在客户端调用的时候来订阅该事件
10
*/
11
PersonListGridPanel
=
Ext.extend(Ext.grid.GridPanel,
{
12
constructor:
function
(_url)
{
13
PersonListGridPanel.superclass.constructor.apply(
this
, [
{
14
renderTo: Ext.getBody(),
15
350
,
16
height:
200
,
17
frame:
true
,
18
layout:
"
form
"
,
19
tbar:[
{
20
text:
"
add
"
21
}
,
"
-
"
,
{
22
text:
"
update
"
23
}
,
"
-
"
,
{
24
text:
"
delete
"
25
}
],
26
enableColumnMove:
false
,
27
columns: [
{
28
header:
"
Name
"
,
29
menuDisabled:
true
,
30
dataIndex:
"
name
"
31
}
,
{
32
header:
"
Age
"
,
33
menuDisabled:
true
,
34
dataIndex:
"
age
"
35
}
,
{
36
header:
"
Sex
"
,
37
menuDisabled:
true
,
38
dataIndex:
"
sex
"
39
}
],
40
store:
new
Ext.data.JsonStore(
{
41
autoLoad:
true
,
42
url: _url,
43
fields: [
"
name
"
,
"
age
"
,
"
sex
"
]
44
}
),
45
46
selModel:
new
Ext.grid.RowSelectionModel(
{
47
singleSelect:
true
,
48
listeners:
{
49
"
rowselect
"
:
{
50
fn:
function
(_sel, _index, _r)
{
51
this
.fireEvent(
"
rowselect
"
, _r);
//
发布事件
52
}
,
53
scope:
this
54
}
55
}
56
}
)
57
58
}
]);
59
this
.addEvents(
"
rowselect
"
);
//
添加事件
60
}
61
}
)
62
前端调用代码
1
/**/
/*
*
2
* 前端调用自定义类(组件)
3
*/
4
Ext.onReady(
function
()
{
5
var
_grid
=
new
PersonListGridPanel(
"
http://localhost:3830/extjs/gridData.ashx
"
);
6
//
以下订阅该事件
7
_grid.on(
"
rowselect
"
,
function
(_r)
{
8
this
.getForm().loadRecord(_r);
9
}
,_form);
10
11
}
);
查看全文
相关阅读:
GIL 全局解释器
线程
队列 Queue 与 生产者消费模型
进程 与 并发(进程打开方式,互斥锁)
【JAVA设计模式】单例模式
【排序】桶排序
【排序】选择排序
【排序】插入排序
【排序】冒泡排序
JVM 优化之逃逸分析
原文地址:https://www.cnblogs.com/xnxylf/p/1427243.html
最新文章
JAVA 注解Annotation实现原理与自定义注解例子
Docker 镜像的常用操作
服务性能指标:PV、UV、TPS、QPS
服务器线上问题排查研究
linux第2天 信号 wait
linux第1天 fork exec 守护进程
选择,插入,冒泡排序思想
数据结构中链式存储的注意点(线性与栈)
线性表的两种存储方式解析.
当模版类遇上友元函数
热门文章
关于vptr指针初始化的分步
多态实现的本质(图文说明)
重写重载重定义的区别
继承模型图
CSS选择器
sql注入问题-视图-事物-以及存储过程(可视化工具)
mysql创建用户与pymsql模块
单表查询与多表查询
mysql语句之约束语句
mysql引擎,完整的见表语句,数据库模式, 常用数据类型,约束条件
Copyright © 2011-2022 走看看