jQuery EasyUI API 中文文档 - 布局（Layout）

最新推荐文章于 2024-09-18 09:00:21 发布

淘气宝宝

最新推荐文章于 2024-09-18 09:00:21 发布

阅读量1.7k

点赞数

分类专栏： jquery 文章标签： jquery-easyui框架 layout属性 layout布局

本文链接：https://blog.csdn.net/maildocgaojingru/article/details/11152575

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<html>
<head>
    <script src="jquery-easyui/jquery.min.js"></script>
    <script src="jquery-easyui/jquery.easyui.min.js"></script>
    <script src="jquery-easyui/easyloader.js"></script>
    <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >  
        <div region="north"  title="North Title"  style="height:100px;"></div>  
        <div region="south"  title="South Title" split="true" style="height:100px;"></div>  
        <div region="east"  title="East" split="true" style="width:100px;"></div>  
        <div region="west" split="true" title="West" style="width:100px;"></div>  
        <div region="center" title="center title" ></div>  
    </div>  

    <!--
    title：布局面板的标题。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">  
        <div region="north" title="North Title" split="true" style="height:100px;"></div>  
    </div>

    region：定义布局面板的位置（方向），可以取下列值的其中之一：north, south, east, west, center。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">  
        <div region="north" title="North Title" split="true" style="height:100px;"></div>  
        <div region="south" title="South Title" split="true" style="height:100px;"></div>  
        <div region="east"  title="East" split="true" style="width:100px;"></div>  
        <div region="west" split="true" title="West" style="width:100px;"></div>  
        <div region="center" title="center title" href="1.html" style="padding:5px;background:#eee;"></div>  
    </div>

    border：设置为true将显示布局面板的边框。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;">  
        <div region="north" border=true title="North Title" split="true" style="height:100px;"></div>  
    </div>

    split：如果设置为true将显示一个分隔条，用户可以拖动分隔条来改变布局面板的尺寸。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >  
        <div region="north"  title="North Title" split="true" style="height:100px;"></div>  
    </div>

    iconCls：一个用来显示布局面板头部图标的css类。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >  
        <div region="north" iconCls="icon-reload" title="North Title" split="true" style="height:100px;"></div>  
    </div>

    href：一个用来从远程站点载入数据的超链接。
    <div id="cc" class="easyui-layout" style="width:600px;height:400px;" >  
        <div region="north" href="1.html" title="North Title" split="true" style="height:100px;"></div>  
    </div>
    -->
</body>
</html>