Webix-Layout resizer

最新推荐文章于 2022-03-20 19:34:42 发布

奋斗的牛鱼

最新推荐文章于 2022-03-20 19:34:42 发布

阅读量559

点赞数

分类专栏： Webix 文章标签： layout component javascript webix resizer

本文链接：https://blog.youkuaiyun.com/upup918/article/details/48739957

版权

Webix 专栏收录该内容

3 篇文章

订阅专栏

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