weixin_42473582
2012-07-10 09:51 阅读 304
已采纳

ExtJs

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

4条回答 默认 最新

  • 已采纳
    works001 works001 2012-07-10 11:07

    对于你的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]
    
    点赞 评论 复制链接分享
  • works001 works001 2012-07-10 10:21
    点赞 评论 复制链接分享
  • works001 works001 2012-07-10 15:45

    另外对于form验证加vtype

    点赞 评论 复制链接分享
  • zhaolonggui 爱花的石头 2012-07-10 16:12

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

    点赞 评论 复制链接分享

相关推荐