easyui-layout完整web介面布局

標籤：center   code   tab   完整   class   data-   unit   log   ast   

 1 < div class = “easyui-layout” style = “width：700px; height：350px;” >     2         < div data-options = “region：‘north‘” style = “height：50px” > </ div >     3         < div data-options = “region：‘south‘，split：true” style = “height：50px;” > </ div >     4         < div data-options = “region：‘east‘，split：true” title = “East” style = “width：180px;” > </ div >      5         < div data-options = “region：‘west‘，split：true” title = “West” style = “width：100px;” > </ div >      6         < div data-options = “region：‘center‘，title：‘Main Title‘，iconCls：‘icon-ok‘” >    7             < table class = “easyui-datagrid”    8                     data-options = “url：‘datagrid_data1.json‘，方法：‘get‘，border：false，singleSelect：true，fit：true，fitColumns：true” >   9                 < thead >  10                     < tr >  11                         < th data-options = “field：‘itemid‘” width = “80” > Item ID </ th >    12                         < th data-options = “field：‘productid‘” width = “100” > Product ID </ th >    13                         < th data-options = “field：‘listprice‘，align：‘right‘” width = “80” > 標價</ th >    14                         < th data-options = “field：‘unitcost‘，align：‘right‘” width = “80” > 單位成本</ th >    15                         < th data-options = “field：‘attr‘” width = “150” > 屬性</ th >    16                         < th data-options = “field：‘status‘，align：‘center‘” width = “50” > 狀態</ th >    17                     </ tr >  18                 </ thead >  19             </ table >  20         </ div >  21     </ div >  

 

 

easyui-layout完整web介面布局