发现ext的页面做界面还是比较好看的就是有点不直观

写了个测试例子 
http://www.goudiannao.com/AddressCompany.aspx
这些比webform 好看些 就不怎么用美工了
有点麻烦的就是调试麻烦
这个是window的代码
   var Panel_Line11 = new Ext.Panel({
                frame: true,
                layout: "column",
                defaults: { layout: 'form', border: false, labelWidth: 60, columnWidth: .5 },
                items: [
            { columnWidth: 1, items: [{ xtype: 'label', html: "更新公司信息"}] },
            { items: [{ xtype: 'textfield', id: 'text1', fieldLabel: '公司名称', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text2', fieldLabel: '联 系 人', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text3', fieldLabel: '电话', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text4', fieldLabel: '移动电话', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text5', fieldLabel: '传    真', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text6', fieldLabel: '邮    编', style: "margin-top:1px"}] },
            { items: [{ xtype: 'textfield', id: 'text7', fieldLabel: '网    址',value:"http://www.", style: "margin-top:1px"}] },
             { columnWidth: 1, items: [{ xtype: 'textfield', id: 'text8', fieldLabel: '地    址', width: 500, style: "margin-top:1px"}] }
    ]

            });



            var win = new Ext.Window({ title: "新建公司",
                width: 600,
                height: 225,
                maximizable: false,
                closeAction: "hide",
                modal: true,
                items: [
                 { layout: 'form', items: [Panel_Line11] }
                ],
                buttons: [
             { text: "保存", handler: function() { SaveData(); } },
             { text: "退出", handler: function() { win.hide(); } }
                ]
            });

9 个解决方案