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
}
);
查看全文
相关阅读:
iOS面试题6.30总结
关于外挂
webstorm快捷方式
HTML注释的一些规范
认识Python
正体复本术解决容易疲劳、不能持续集中精力工作-海淀区非物质文化遗产:#正体复本术#
皮肤发痒的观察与思考
win10不错的快捷键
项目属性的target platform和target platform version到底是什么(vs2015开发windows驱动小记)
玩Web虎-运行时受保护文件不可复制
原文地址:https://www.cnblogs.com/xnxylf/p/1427243.html
最新文章
swift 在图片上根据点数组划线。
swift 将图片保存到自定义相册中
swift 将UIColor转换成RGB(转)
在imageView上画线(转)
写一个图片轮播器(使用collectionView)
xCode workspace project引用
iPhone连接到Mac上叮叮叮断断续续响个不停的解决办法
iOS sign in with Apple 苹果ID登录
iOS 真机查看沙盒目录
GCDAsyncSocket 笔记
热门文章
Windows 7系统记录
CocoaPods 安装卸载
Shell基础
记录文章
网络通
jQuery学习教程(2)
jQuery学习教程(1)
关于学习HTML5中自己犯的错误
区分块元素和行元素
那些所谓过滤掉iOS菜鸟的面试题
Copyright © 2011-2022 走看看