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>

相关阅读:
Android 系统开发做什么？
MySQL索引-B+树
转：redis雪崩、穿透、击穿
转：django3上线部署踩得坑
nginx、uwsgi部署django中session丢失得问题
类型转换（数字转字符串等）
JS基础篇1：数据类型（8种）
css3动画与js动画的区别
drag拖拽事件
三栏布局，中间自适应

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