Webix-Layout resizer

<span style="white-space:pre">	</span>   //resizer 調整不同區域的大小
           webix.ui({
               container:"layout_div",
               id:"layout",
               height:550,
               width:700,
               rows:[
                   {template:"row 1", height:35 },
                   {template:"row 2"},
                   {view:"resizer"},//設置resizer,作爲不同區域之間的分隔符,可以調整區域大小
                   {template:"row 3"},
                   {view:"resizer"},
                   {cols:[
                       {
                           id:"a1",
                           template:"column 1",
                           width:150
                       },
                       {
                           view:"resizer",
                           id:"resizer"
                       },
                       {   
                           template:"column 2"
                       },
                       {
                           template:"column 3"
                       }
                   ]
                   }
               ]
           }).show();

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章