下面是我的代码 top对象是我从Ext2.2api中拿来的 当不把Ext2.2中的js包和css包加进来时, 在top定义时报缺少对象 但是当我把Ext2.2中的js包和css包加进来时 它又报Ext.EventObject不存在,郁闷 求答案 小弟在此谢过了
var top = new Ext.FormPanel({
labelAlign: 'top',
frame:true,
title: 'Multi Column, Nested Layouts and Anchoring',
bodyStyle:'padding:5px 5px 0',
width: 600,
items: [{
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'First Name',
name: 'first',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Company',
name: 'company',
anchor:'95%'
}]
},{
columnWidth:.5,
layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Last Name',
name: 'last',
anchor:'95%'
},{
xtype:'textfield',
fieldLabel: 'Email',
name: 'email',
vtype:'email',
anchor:'95%'
}]
}]
},{
xtype:'htmleditor',
id:'bio',
fieldLabel:'Biography',
height:200,
anchor:'98%'
}],
buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});
var sendnotedlg;
var win;
function sendshow(btn){
if(!win){
win = new Ext.Window({
title : '维护通知',
closable : true,
layout : 'hbox',
width : 600,
height : 450,
items : top
});
}
win.show();
}
03.grid
<br> Ext.onReady(function(){<br> var top = new Ext.FormPanel({ <br> labelAlign: 'top', <br> frame:true, <br> title: 'Multi Column, Nested Layouts and Anchoring', <br> bodyStyle:'padding:5px 5px 0', <br> width: 600, <br> items: [{ <br> layout:'column', <br> items:[{ <br> columnWidth:.5, <br> layout: 'form', <br> items: [{ <br> xtype:'textfield', <br> fieldLabel: 'First Name', <br> name: 'first', <br> anchor:'95%' <br> }, { <br> xtype:'textfield', <br> fieldLabel: 'Company', <br> name: 'company', <br> anchor:'95%' <br> }] <br> },{ <br> columnWidth:.5, <br> layout: 'form', <br> items: [{ <br> xtype:'textfield', <br> fieldLabel: 'Last Name', <br> name: 'last', <br> anchor:'95%' <br> },{ <br> xtype:'textfield', <br> fieldLabel: 'Email', <br> name: 'email', <br> vtype:'email', <br> anchor:'95%' <br> }] <br> }] <br> },{ <br> xtype:'htmleditor', <br> id:'bio', <br> fieldLabel:'Biography', <br> height:200, <br> anchor:'98%' <br> }], </p> <pre><code> buttons: [{ text: 'Save' },{ text: 'Cancel' }] }); </code></pre> <p>var sendnotedlg; <br> var win; <br> function sendshow(btn){ <br> if(!win){ <br> win = new Ext.Window({ <br> title : '维护通知', <br> closable : true, <br> layout : 'hbox', <br> width : 600, <br> height : 450, <br> items : top <br> }); <br> } <br> win.show(); <br> }<br> sendshow();</p> <p>});<br>
测试没有问题啊 我用的ext2.2库文件 测试的
第一个是,有没有引ext-base
第二个是,引用js的顺序问题