ExtJs

[img]http://dl.iteye.com/upload/attachment/0070/5222/147fd0cb-404d-37e9-bfe0-e509bf987050.jpg[/img]
谁帮我做过这样的界面,基于Extjs3,尽量多写点注释,我刚刚学习ExtJs

4个回答

对于你的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]

另外对于form验证加vtype

去官网下一些example看一下吧,很简单的,把例子里面的代码拿出来改改就成了,我也是这样子慢慢学起来的。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!