尝试使用ExtJS创建自定义面板
找不出它为什么不工作。。 我正在尝试创建一个用于多种用途的自定义面板。 是这样吗?还是我完全错了 我是ExtJS的初学者,所以我很乐意做一些解释。。 谢谢 (我试图在小提琴上运行此代码以查看即时结果-)尝试使用ExtJS创建自定义面板,extjs,panel,Extjs,Panel,找不出它为什么不工作。。 我正在尝试创建一个用于多种用途的自定义面板。 是这样吗?还是我完全错了 我是ExtJS的初学者,所以我很乐意做一些解释。。 谢谢 (我试图在小提琴上运行此代码以查看即时结果-) 您应该使用Ext.create而不是Ext.define。请参阅此项。是否要在fiddle上运行此项?意思是我们应该纠正这个代码还是你想要的?我正在运行这个代码:只是想看看它是否有效。但我将在其他地方使用它,只是为了解释:“名称:'Fiddle',”您不应该使用ext.define,而应该使用e
您应该使用Ext.create而不是Ext.define。请参阅此项。是否要在fiddle上运行此项?意思是我们应该纠正这个代码还是你想要的?我正在运行这个代码:只是想看看它是否有效。但我将在其他地方使用它,只是为了解释:“名称:'Fiddle',”您不应该使用ext.define,而应该使用ext.create.但是它在afterrender事件中被破坏..检查这个东西,一旦修复它,就会更新Fiddle。非常感谢!我在这个问题上被卡住了很多..我不能放弃你的答案,因为我是一个新用户。。。
Ext.application({
name: 'Fiddle',
launch: function () {
var custom = Ext.define('Ext.BET', {
renderTo: Ext.getBody()
});
}
});
Ext.define('Ext.BET', {
extend: 'Ext.panel.Panel',
alias: 'widget.bet',
constructor: function (cnfg) {
this.callParent(arguments);
this.initConfig(cnfg);
},
config: {
collapsible: true,
frame: true,
bodyStyle: 'background-color: #FFFFFF',
layout: {
type: 'hbox'
},
items: [{
xtype: 'textfield',
textarea: focus,
id: 'tbx'
}, {
xtype: 'button',
id: 'btn'
}, {
xtype: 'button',
id: 'search'
}]
},
afterRender: function () {
var btn = Ext.getCmp('btn');
var tbx = Ext.getCmp('tbx');
var btn2 = Ext.getCmp('search');
var totalWidth = btn2.getWidth() + btn.getWidth() + tbx.getWidth();
this.setWidth(totalWidth);
},
onRender: function() {
this.callParent(arguments);
}
});