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">

        
    <!---------------- extJs系统必备 开始------------------------>
        
    <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>
        
    <!---------------- extJs系统必备 结束------------------------>


      
    <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>
  • 相关阅读:
    CSS中文API
    廖雪峰Git教程
    数据操作的几个名词即model、dal、dao、orm和ar 解释
    Jetty
    Git介绍与使用
    c3p0、dbcp、druid三大连接池对比
    (转)JavaWeb——Servlet(全网最详细教程包括Servlet源码分析)
    08 bash特性--shell脚本编程入门
    07 grep命令与正则表达式
    06 I/O重定向与管道符
  • 原文地址:https://www.cnblogs.com/timy/p/1997197.html
Copyright © 2011-2022 走看看