EasyUI 左,右(上下)布局

Posted 一枚水

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI 左,右(上下)布局相关的知识,希望对你有一定的参考价值。


左,右(上、下)布局

<body class="easyui-layout">
    <div data-options="region:‘west‘,collapsed:false,title:‘合同分类‘" style="width:200px"></div>
    <div data-options="region:‘center‘">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:‘south‘,collapsed:false,title:‘合同清单‘" style="height:180px"></div>
            <div data-options="region:‘center‘,title:‘合同目录‘"></div>
        </div>
    </div>
</body>

 

 

 

左、中、右

<body class="easyui-layout">
    <div data-options="region:‘west‘,collapsed:true,title:‘合同分类‘" style="width:200px"></div>
    <div data-options="region:‘center‘">
        <div class="easyui-layout" data-options="fit:true">
            <div data-options="region:‘west‘,collapsed:true,title:‘合同‘" style="width:180px"></div>
            <div data-options="region:‘center‘"></div>
        </div>
    </div>
</body>

 

以上是关于EasyUI 左,右(上下)布局的主要内容,如果未能解决你的问题,请参考以下文章

我的应用程序使用片段,但我需要从左到右从右向左滑动

添加两个窗格的平板电脑布局会导致在移动设备中找不到视图(小于w600dp)

html页面布局上下左固定-中间内容滚动显示-案例

BootStrap有用代码片段(持续总结)

使用easyui为tab页增加右键菜单

为jQuery-easyui的tab组件添加右键菜单功能