js文件中 关于EXTJS4.2中定义类的格式是怎么样的？ 关于初始化怎么理解
0
最佳答案
0
extend : 'Ext.panel.Panel',相当于给你一个空白的板，然后你要在initComponent里面去给panel做初始化，比如要添加什么控件，要初始化值啥的，也就是这panel被创建之后要做的事情放里面
panel在被创建之后会自动去调用initComponent
此方法必须调用 this.callParent() 【调用父类的初始化方法,去给你生成HTML,等等。】
其他回答(3)
0
什么叫经常报错啊。你的错误是量子态的么。
意思是我不太理解关于EXTJS中定义类时的初始化
//什么时候用初始化 什么时候不用 在哪里初始化？
@R_Oasis: 定义就是定义，初始化就是初始化。不存在定义类时的初始化。
@长蘑菇星人: 你用过EXTjS 4.*吗？
@R_Oasis: 并没有。而且没事用过任何版本。
@长蘑菇星人: …………
0
初始化就是在首次渲染ExtJS组件，initComponent就是初始化组件的对应事件，在这个事件中你可以自己添加初始化时的相关操作。
具体的你可以看下中文文档
收获园豆：40
嗯 你说的这个我清楚
能写一个定义类的js文件吗？
好不容易碰到有会得了 拜托
@R_Oasis:
Ext.define("Person", {
Name: '',
Age: 0,
Say: function (msg) {
Ext.Msg.alert(this.Name + " Says:", msg);
},
constructor: function (name, age) {
this.Name = name;
this.Age = age;
}
});
拜托好好对待 别复制文档上的啊
我可以加园豆的
我是会一半的那种
自己用不惯api
@R_Oasis: 你想怎样
@SeayXu:
用EXTJS4写一个这样的简单的卡式布局的js文件就好了
要求：要定义类的那种 要注释 多做说明
拜托了
@SeayXu: Ext.define('MyApp.view.qpni.PartManagerForQpni',{
extend : 'Ext.panel.Panel',
alias : 'widget.PartManagerForQpni',
title: '管理',
layout : {
align : 'stretch',
type : 'vbox'
},
manageHeight : false,
requires: [
'MyApp.store.project.ProjectFamilyStore',
'MyApp.store.project.CarTypeStore',
'MyApp.view.qpni.PartDetailForQpni',
'MyApp.model.part.PartDtoModel',
'MyApp.store.qpn.ProjectQPNStore',
'MyApp.view.qpni.QpniGroupInfoForQpni',
'MyApp.view.qpn.QPNgroupWindow'
],
initComponent : function() {
var me = this;
var deleteFlagStroe = Ext.create('Ext.data.Store',{
fields: ['value','key'],
data : [
{"value":"否","key":"0" },
{"value":"是","key":"1" }
]
});
………………
像这样的
@SeayXu: 我是说错什么了吗
@R_Oasis: 这个用 TabPanel 可以实现，没必要自己写。
现在不方便写这个，你可以在博客园找些文章看看。
http://www.cnblogs.com/youring2/category/406783.html
http://www.cnblogs.com/lipan/category/271677.html
http://www.cnblogs.com/anbylau2130/tag/Extjs/
1
拿你上面的例子来说继承了Panel，如果你里面的Panel要放元素的话，比如说你要放一个Form，那么你就要在initComponent 里面把Form加进去,this.items=[new Ext.form.Form];
如果你只是要new一个Panel的话就不用写继承了,直接new Ext.panel.Panel({title:'aaa',html:'xxx'})
收获园豆：60
明白了一些
Ext.define('MyApp.view.qpni.PartDetailForQpni', {
extend: 'Ext.panel.Panel',
height: 437,
width: 945,
layout: {
align: 'stretch',
type: 'vbox'
},
title: '信息',
modal: true,
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'tabpanel',
//height: 128,
activeTab: 0,
flex : 1,
items: [
{
xtype: 'form',
title: formSummary.part.title2,//'零件基本信息',
layout : {
align : 'stretch',
type : 'vbox'
},
id:'PartInfoFrom_Qpn',
autoSroll:true,
overflowY: 'scroll',
items: [
{
xtype : 'fieldset',
id:'basicPartInfo_Qpn',
margin:10,
height : 350,
layout : {
type : 'absolute'
},
title : formSummary.part.title10,//'Tips字段',
items:[
{
xtype: 'textfield',
x: 0,
y: 20,
width: 300,
labelWidth: 120,
id : 'tipsPartId_Qpn',
name:'tipsPartId',
fieldLabel: 'Tips_ID',
labelAlign:'right',
readOnly:true,
fieldStyle:'background-color:#E6E6E6; background-image: none;'
},
{
xtype: 'textfield',
vtype:'lengthLimit',
x: 730,
y: 265,
width: 280,
labelWidth: 100,
id : 'otsMark_Qpn',
name:'otsMark',
fieldLabel: 'OTS Bemerkung',
fieldStyle:fieldStyle,
readOnly:true,
fieldStyle:'background-color:#E6E6E6; background-image: none;',
labelAlign:'right'
}
]
},
{
xtype : 'fieldset',
height : 150,
margin:10,
layout : {
type : 'absolute'
},
title : 'QPNI信息',//'人工输入',
items:[
{
xtype : 'combobox',
x: 50,
y: 20,
width: 250,
labelWidth: 70,
id : 'ttQpngroupId_Qpn',
name:'qpniName',
fieldLabel: gridSummary.qpni.title71,//'QPNI分组',
labelAlign: 'right',
queryMode: 'local',
valueField:'id',
store: qpnNameListStore,
fieldStyle:'background-color:#E6E6E6; background-image: none;',
autoShow: true,
readOnly:true
},
{
xtype: 'textfield',
vtype:'lengthLimit',
x: 720,
y: 90,
id:'materialMassnahmeTermin_Qpn',
name:'materialMassnahmeTermin',
width: 360,
labelWidth: 180,
fieldLabel: 'Material Massnahme & Termin',
value: '',
readOnly:true,
fieldStyle:'background-color:#E6E6E6; background-image: none;',
labelAlign:'right'
},
]
},// end of tips字段（fieldset）
partEditPanel5
]
}
]
},
{
xtype: 'textfield',
x: 260,
y: 20,
hidden:true,
width: 260,
id : 'OldPartInfoValues_Qpn',
labelWidth: 120,
fieldLabel: '原始值'
},
]
});
me.callParent(arguments);
}
});
希望能多一些解释
