extjs 组件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了extjs 组件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2865字，纯文字阅读大概需要5分钟。
内容图文
Ext.define(‘com.view.MyPanel‘, {
extend : ‘Ext.panel.Panel‘,
alias : ‘widget.MyPanel‘,
height : 150,
width : 170,
layout : {
align : ‘stretch‘,
type : ‘vbox‘
},
title : ‘‘,
config : {
displayname_com : null,
dislaystate_com : null,
dislayproduct_com : null,
dislaynum_com : null,
displayname : null,
dislaystate : null,
dislayproduct : null,
dislaynum : null
},
constructor : function(cfg) {
var me = this;
cfg = cfg || {};
me.displayname = cfg.displayname;
me.dislaystate = cfg.dislaystate;
me.dislayproduct = cfg.dislayproduct;
me.dislaynum = cfg.dislaynum;
me.callParent(arguments);
},
updatePanel : function(array, state, num) {
var me = this;
me.getDislaynum_com().setValue(num);
me.dislayproduct = array;
me.getDislaystate_com().setValue(state);
},
updatenum : function(x) {
var me = this;
me.getDislaynum_com().setValue(x);
},
updateProduct : function(array) {
var me = this;
// me.getDislayproduct_com().getStore().loadData(array);
me.dislayproduct = array;
},
updateDislayname : function(dislayname) {
var me = this;
me.getDisplayname().setValue(dislayname);
},
updateBorder : function(val) {
var me = this;
// 清空所有样式
// 单单给当前这个panel设置border
me.setBorder(val);
},
initComponent : function() {
var me = this;
me.itemId = me.displayname;
me.items = [{
xtype : ‘displayfield‘,
itemId : ‘__dislayname‘,
flex : 1,
labelWidth : 50,
// margin : ‘5 0 0 10‘,
value : me.displayname,
fieldLabel : ‘名称‘
}, {
xtype : ‘combo‘,
itemId : ‘__dislayproduct‘,
flex : 1,
store : me.dislayproduct,
labelWidth : 50,
// margin : ‘5 0 0 10‘,
fieldLabel : ‘产品名‘
}, {
xtype : ‘displayfield‘,
itemId : ‘__dislaystate‘,
flex : 1,
value : me.dislaystate,
labelWidth : 50,
// margin : ‘5 0 0 10‘,
fieldLabel : ‘状态‘
}, {
xtype : ‘displayfield‘,
itemId : ‘__dislaynum‘,
labelWidth : 50,
flex : 1,
value : me.dislaynum,
// margin : ‘5 0 0 10‘,
fieldLabel : ‘数量‘
}];
me.callParent(arguments);
me.displayname_com = me
.down(‘displayfield[itemId=__dislayname]‘);
me.dislaystate_com = me
.down(‘displayfield[itemId=__dislaystate]‘);
me.dislaynum_com = me.down(‘displayfield[itemId=__dislaynum]‘);
me.dislayproduct_com = me.down(‘combo[itemId=__dislayproduct]‘);
me.on("afterrender", function(pnl) {
pnl.body.el.on(‘click‘, function() {
me.fireEvent(‘clickpanel‘, me, me);
me.fireEvent(‘clickpanelChangeColor‘,
me, me);
})
});
// me.body.dom.el.on("click",function(){
// me.fireEvent(‘clickpanel‘,me,me.getDisplayname().getValue());
// });
},
/**
* 改变背景颜色
*
* @param {}
* col
*/
changeColor : function(col) {
var me = this;
if (col) {
me.setBodyStyle({
‘background-color‘ : ‘rgba(165, 154, 29, 0.75)‘
});
//me.body.el.setStyle({
//‘background-color‘ : ‘rgba(165, 154, 29, 0.75)‘
//});
} else {
me.setBodyStyle({
‘background-color‘ : ‘#ffffff‘
});
//me.body.el.setStyle({
//‘background-color‘ : ‘#ffffff‘
//});
}
}
})
本文出自 “橡树” 博客，谢绝转载！
原文：http://2807271.blog.51cto.com/2797271/1845265
内容总结
以上是互联网集市为您收集整理的extjs 组件全部内容，希望文章能够帮你解决extjs 组件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。