[img]http://dl.iteye.com/upload/attachment/0070/5222/147fd0cb-404d-37e9-bfe0-e509bf987050.jpg[/img]
谁帮我做过这样的界面,基于Extjs3,尽量多写点注释,我刚刚学习ExtJs
对于你的window :
[code="java"] win = new Ext.Window({
title:"商品列表",
layout:'fit',
width : 420,
height : 282,
items:new Ext.form.FormPanel({
labelAlign: 'right',
labelWidth:80,
frame:true,
width: 300,
border:false,
bodyStyle:"margin-top:30",
defaults:{width:120},
items:[
{
layout:"column",
anchor:"95%",
items:[
{
columnWidth:.6,
layout:"form",
items:{
xtype:"textfield",
fieldLabel:"资源路径"
}
},
{
columnWidth:.4,
layout:"form",
items:{
xtype:"button",
text:"上传资源"
}
}
]
},
{
xtype:"textfield",
fieldLabel:"资源名称"
},
{
xtype:"textfield",
fieldLabel:"资源尺寸 长"
},
new Ext.form.ComboBox({
hiddenName: "typeId",
fieldLabel:"资源类型",
store : new Ext.data.JsonStore({
fields: [ {name:"value", mapping:"value"}, {name:"text", mapping:"text"}],
data:[{value:"0",text:"挂失"},{value:"1",text:"正常"}]
}),
readOnly:true,
displayField : "text",
valueField : "value",
typeAhead : true,
editable:false,
triggerAction : 'all',
selectOnFocus : true,
mode : 'local'
}),
{
xtype:"textfield",
fieldLabel:"宽"
},
{
xtype:"textfield",
fieldLabel:"关键字"
}
]
}),
buttonAlign:"center",
buttons:[{text:"提交"},{text:"关闭"}]
});
win.show();[/code]
参考我的博客:http://babydeed.iteye.com/blog/1426419
另外对于form验证加vtype
去官网下一些example看一下吧,很简单的,把例子里面的代码拿出来改改就成了,我也是这样子慢慢学起来的。