Webix-Layout resizer

	   //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();

你可能感兴趣的:(Webix,layout,component,javascript,webix,resizer)