ExtJs学习笔记(16)_Form布局-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

ExtJs学习笔记(16)_Form布局

简介: 这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例     Ext.onReady(function() {        var win = new Ext.
这是最重要的一个布局,几乎所有的表单界面都可以采用form布局,详细的用法本文不作讨论(可以查阅官方API文档),这里只给出一个简单的示例

<script type="text/javascript">
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif    Ext.onReady(
function() {
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
var win = new Ext.Window({
            title: 
"form Layout",
            height: 
150,
            width: 
230,
            plain: 
true,
            bodyStyle: 
'padding:15px',
            items: 
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
{
                xtype: 
"form",
                labelWidth: 
30,
                defaultType: 
"textfield",
                frame:
true,
                items: 
                [
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif                    
{
                        fieldLabel:
"姓名",
                        name:
"username",
                        allowBlank:
false
                    }
,
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif                    
{
                        fieldLabel:
"呢称",
                        name:
"nickname"
                    }
,
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif                    
{
                        fieldLabel: 
"生日",
                        xtype:
'datefield',
                        name: 
"birthday",
                        width:
127
                    }

                ]
            }

        }
);
        win.show();
    }
);
</script>

效果图:

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章