Extjs 组件继承模板说明（同GridPanel案件）

1. 重写initComponent()方法，并在该方法在调用父类的initComponent（）方法。
如：subclass.superclass.initComponent.call(this);


2. 在initComponent中，出现以下语句，覆盖父类属性
Ext.apply(this, {title : "aaa"
});

3. 基本模板代码例如以下：
Ext.ns("my.component");my.component.MyGridPanel = Ext.extend(Ext.GridPanel,{/*** 初始化组件*/initComponent : function(){// 数据仓库var store = this.store;if(!store){store = this.buildStore(this.baseParams);}// 列模型var cm = this.cm;if(!cm){cm = this.buildCm();}// 复选框.组件属性使用selModel配置var sm = new Ext.grid.CheckboxSelectionMedol();Ext.apply(this, {// 这里加上组件的属性selModel : sm,// 分页工具条bbar : new Ext.PagingToolbar({}),colModel : new Ext.grid.ColumnModel({// 这里加上列模型的属性columns : cm;}),// 对该组件设置监听器listeners : {"dbclick" : function(){},"rowClick" : function(){},......}});my.component.MyGridPanel.superclass.initComponent.apply(this);},/*** 构建store*/buildStore : function(baseParams){Ext.apply(baseParams, {// 分页条件});return new Ext.data.JsonStore({url : "",idProperty : "", // id属性值配置totalProperty : "", // autoLoad : boolean,root : "data" // 数据的根。后面的json格式对象数组。fields : [{name : "", mapping : ""},{name : "", mapping : ""},......]});},/*** 构建数据列*/buildCm : function(){return [{name : "", dataIndex : ""},{name : "", dataIndex : ""}];},// 通过选择模型，获取选中的记录。是多条的getSelections : function(){var records = this.getSelectionModel().getSelections();return records;}// 通过选择模型。获取选中的记录。仅仅有一条getSelected : function() {var record = this.getSelectionModel().getSelected();}});

转载于:https://www.cnblogs.com/mengfanrong/p/4630836.html

Extjs 组件继承模板说明（同GridPanel案件）相关推荐

Vue组件继承实践：扩展分隔条（MySplitter）组件
引子填坑之路如何实现已有Vue组件的继承扩展? 怎么才能调用基类组件的方法呢? 计算属性究竟是怎么判断要不要重算的? 如何让计算属性手动强制重算? 如何在重载 render 方法中,往原有的虚拟节 ...
小程序自定义组件以及模板与样式
微信小程序自定义组件以及模板与样式自定义组件 1. 介绍: 2. 创建自定义组件 3. 使用自定义组件 4. 细节注意事项组件模板和样式 1. 组件模板 2. 模板数据绑定 3. 组件 wxml ...
无废话ExtJs 入门教程十七[列表：GridPanel]
无废话ExtJs 入门教程十七[列表:GridPanel] extjs技术交流,欢迎加群(521711109) 在Extjs中,GridPanel用于数据显示,即我们平时说的列表页.在本节中,我们先对 ...
为啥我的页面模板的from提交不了数据_小程序，组件与模板对比，及其简单使用
接着上篇小程序,如果你会这两种方式,代码就简洁了,重复代码也少了,这篇来说说组件(component)和模板(template). 一.为啥要用组件呢? 正如上篇说的,为了页面简洁和代码的重复利用, ...
Extjs后台管理系统模板
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head ...
【c++】模板类继承模板类
C++继承访问权限:https://www.runoob.com/cplusplus/cpp-inheritance.html 1. 普通类继承 demo #include <iostream& ...
Angular快速学习笔记（3） -- 组件与模板
1. 显示数据在 Angular 中最典型的数据显示方式,就是把 HTML 模板中的控件绑定到 Angular 组件的属性. 使用插值表达式显示组件属性要显示组件的属性,最简单的方式就是通过插值表 ...
Halcon 第五章『模板匹配Matching』◆第5节：基于组件的模板匹配|Component-Based
一.介绍基于组件的模板匹配是基于形状匹配的一种应用,也可以说是基于形状的模板匹配的加强版,加强的地方在于,这种方法允许模板中包含多个目标,并且允许目标之间存在相对运动(位移和旋转).区别在于基于形状 ...
Javascript - ExtJs - 组件 - 分页
服务端只需要返回如下格式的字符串,ExtJs就可以解析并自动生成分页数据. { totalProperty: 100 //当前查询的记录总数 root: [ { ...

Extjs 组件继承模板说明（同GridPanel案件）

Extjs 组件继承模板说明（同GridPanel案件）相关推荐

最新文章

热门文章

Extjs 组件继承 模板说明（同GridPanel案件）

Extjs 组件继承 模板说明（同GridPanel案件）相关推荐

最新文章

热门文章

Extjs 组件继承模板说明（同GridPanel案件）

Extjs 组件继承模板说明（同GridPanel案件）相关推荐