ExtJs学习笔记(17)_Form布局

 这是最重要的一个布局，几乎所有的表单界面都可以采用form布局，详细的用法本文不作讨论(可以查阅官方API文档)，这里只给出一个简单的示例


<script type="text/javascript">




    Ext.onReady(function() 

{




        var win = new Ext.Window(

{


            title: "form Layout",


            height: 150,


            width: 230,


            plain: true,


            bodyStyle: 'padding:15px',


            items: 




            

{


                xtype: "form",


                labelWidth: 30,


                defaultType: "textfield",


                frame:true,


                items: 


                [




                    

{


                        fieldLabel:"姓名",


                        name:"username",


                        allowBlank:false


                    },




                    

{


                        fieldLabel:"呢称",


                        name:"nickname"


                    },




                    

{


                        fieldLabel: "生日",


                        xtype:'datefield',


                        name: "birthday",


                        width:127


                    }


                ]


            }


        });


        win.show();


    });


</script>
效果图: