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>

效果图:
目录
相关文章
|
1月前
|
数据安全/隐私保护
HTML表单(Form)常用控件
HTML表单(Form)常用控件。
25 1
|
JavaScript 前端开发 测试技术
|
JavaScript 前端开发 HTML5
ExtJS中的accordion布局如何展开特定的item
因为项目需要,使用了extJS作为后台管理系统的前端框架。 众所周知,后台管理系统一般是根据权限来展示菜单的。 菜单使用了panel的accordion布局,然后内部使用panel包裹了一棵树(treepanel)。
1068 1
|
JavaScript 容器
ExtJS 的布局
容器中可以放多个组件,甚至可以放其他容器 布局负责帮助容器,管理其中的组件。 容器中的layout选项(属性)用于控制容器的布局。 1.垂直布局与水平布局
1378 0