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>

posted on 2011-03-27 21:29 一粒沙阅读(1153) 评论(0) 编辑收藏举报