extjs formPanel多列

zoukankan html css js c++ java

extjs formPanel多列

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>Ext.data.XmlReader</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    
    <link rel="stylesheet" type="text/css" href="http://www.cnblogs.com/ext-3.2.0/resources/css/ext-all.css" />
    <script type="text/javascript" src="http://www.cnblogs.com/ext-3.2.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://www.cnblogs.com/ext-3.2.0/ext-all.js"></script>
    


<script type="text/javascript">
    Ext.onReady(function () {
        testForm();
    });

    function testForm() {

        var array = new Array();

        //for (var i = 0; i < 100; i++) {
            //array.push({ items: [{ xtype: 'field', fieldLabel: '文本控件'}] });
        //}

        var extform = new Ext.FormPanel({
                        labelAlign:'left',buttonAlign:'right',bodyStyle:'padding:5px;',
                        frame:true,labelWidth:65,monitorValid:true,
                        applyTo:"Div1",
                        items:[
                            {layout:'column',border:false,labelSeparator:':',
                            defaults:{layout: 'form',border:false},
                            items:[
                                    { items: [{ xtype: 'field', fieldLabel: '文本控件'}] },
                                    { items: [{ xtype: 'field', fieldLabel: '文本控件'}] },
                                    { items: [{ xtype: 'field', fieldLabel: '文本控件'}] },
                                    { items: [{ xtype: 'field', fieldLabel: '文本控件'}] },
                                    { items: [{ xtype: 'field', fieldLabel: '文本控件'}] }

                                ]//items
                                }
                        ]//items
                    })//FormPanel

    }

</script>

</head>
<body style="margin:20px;">
    <div id='Div1'></div><br />
</body>
</html>

查看全文

相关阅读:
Stars in Your Window POJ
Adding New Machine ZOJ
洛谷 P3400 仓鼠窝
 django启动时报错：Apps aren't loaded yet.
netstat命令简单使用
 iostat命令简单使用
 linux下查找指定时间内修改过的或新建的文件
 nginx学习之压缩解压篇（七）
nginx学习之反向代理篇（六）
nginx学习之静态内容篇（五）

原文地址：https://www.cnblogs.com/timy/p/1997197.html