extjs 自定义控件

最新推荐文章于 2019-04-10 10:05:53 发布

weixin_34008784

最新推荐文章于 2019-04-10 10:05:53 发布

阅读量143

点赞数

文章标签： ux

原文链接：https://my.oschina.net/ldm95/blog/726098

版权

为什么80%的码农都做不了架构师？>>>

Ext.define('Ext.ux.YearComboBox', {
   extend: 'Ext.form.ComboBox',
   alias: 'widget.yearComboBox',
   addCode: 1,//显示栏是否显示区域编码 1：显示；0：不显示
   initComponent: function(){
   function initData(yearFrom, Length) {
           var arr = new Array();
           for (var j = 0; j <= Length; j++) {
               arr[j] = {
                   key : (yearFrom + j).toString(),
                   value: (yearFrom + j).toString()
               }
           }
           return arr;
       }
       var dataStore = Ext.create('Ext.data.JsonStore', {
           fields : ['key', 'value'],
           data : initData(2013, 20)
       });
       Ext.apply(this, {
           listConfig : {
               emptyText : '未找到匹配值',
               maxHeight : 120
           },
           triggerAction : 'all',
           store : dataStore,
           displayField : 'value',// 定义要显示的字段
           valueField : 'key',
           queryMode : 'local',
           forceSelection : true,
           typeAhead : true
       });
       this.superclass.initComponent.apply(this, arguments);
   }
});

/**
* 单位信息列表
* 过滤条件：登录用户相关信息
* 1、S:管理员 --> 区域编码
* 2、E:企业用户 --> 所属企业编码
*/
Ext.define('Ext.ux.unitCombo', {
   extend: 'Ext.form.ComboBox',
   alias: 'widget.unitCombo',
   userType: UserDetails.type,//用户类别
   attrCoding: UserDetails.attrCoding,//单位所属区域
   dataStore: null,
   initComponent: function(){
       this.dataStore = new Ext.data.JsonStore({// 根据id,name动态读取
           fields : ['key', 'value'],
           proxy : {
               type : 'ajax',
               url : '../dc/Dc04Action!getUnitData.action?userType='+this.userType,
               method : 'post',
               reader : {
                   root : 'data'
               }
           },
           method : 'post'
       });
       this.dataStore.load({
           params: {
               attrCoding: this.attrCoding
           }
       });
       Ext.apply(this, {
           listConfig : {
               emptyText : '未找到匹配值',
               maxHeight : 120
           },
           triggerAction : 'all',
           store : this.dataStore,
           displayField : 'value',// 定义要显示的字段
           valueField : 'key',
           queryMode : 'local',
           forceSelection : true,
           typeAhead : true
       });
       this.superclass.initComponent.apply(this, arguments);
   }
});

//打印报表：【src:action路径】【 params：参数】
//【frameHeight：Iframe高度】【frameWidth:Iframe宽度】
function CommPrintReport(src, params, frameHeight, frameWidth) {
   var paramStr = src;
   if (null != params) {
       Ext.each(params, function(items, index) {
                   if (index > 0) {
                       paramStr += '&';
                   } else if (index == 0) {
                       paramStr += '?';
                   }
                   paramStr += items.key + '=' + items.value;
               });
   }
   var StrPrint = '<Iframe height = ' + frameHeight + ' width = ' + frameWidth
           + ' src="' + paramStr + '"></iframe>';

return StrPrint;
};

   // 3.产生报表页面
           var RptHtml = CommPrintReport( '../rpt/Rp_dv01Action!PrintReportData.action',params, reportHeight, reportWidth);
           // 4.通过模板映射到web页面的div
           var TptTpl = new Ext.XTemplate(RptHtml);
           TptTpl.overwrite('id_rpt_dv01');

//报表导出：【src:action路径】【 params：参数】
function CommExportReport(src, params) {
   var paramStr = src;
   if (null != params) {
       Ext.each(params, function(items, index) {
                   if (index > 0) {
                       paramStr += '&';
                   } else if (index == 0) {
                       paramStr += '?';
                   }
                   paramStr += items.key + '=' + items.value;
               });
   }
   window.open(paramStr);
};

Ext中给控件添加属性listeners

listeners : {
                       'afterrender' : {
                           fn : function() {
                               tpl.overwrite('cb01Tree', []);
                           }
                       }
           }

给控件添加on事件

Ext.getCmp(id).on("事件名",function(){

});

var unitEnergyAuditStore = new Ext.data.Store({
                   pageSize : 40,// 每页显示的记录值
                   groupField:'UNIT_DESC1',
                   fields : ['UNIT_CODE', 'UNIT_DESC1', 'ACC_DATE','EN_CODE','EN_NAME','TSBA01','TDCB01','STATUS'],
                   proxy : {
                       type : 'ajax',
                       url : '../sh/Sh01Action.action',
                       reader : {
                           totalProperty : 'totalCount',// 分页时候使用
                           type : 'json',
                           root : 'items'
                       }
                   },
                   sorters : [{
                               property : 'UNIT_CODE', // 排序字段
                               direction : 'ASC'// 默认ASC
                           }]
               });
       unitEnergyAuditStore.load();