Jquery-easyUi------(布局)

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <%--增加两个引用,注意jquery-1.4.1.min.js类库放在第一个,这样子的不会出现jQuery is undefined错误--%>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/icon.css" rel="stylesheet" type="text/css" />
  <%--  这里增加两个css样式,一个是easyUI样式,另一个是Icon样式--%>
    
</head>

<body class="easyui-layout">

            <%--<div class="divmain">
                <div class="divtitle"><asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" /></div>
                <div class="divleft"><asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server" /></div>
                <div class="divright"><asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server" /></div>
                <div clear:both"></div>
                <div class="divbottom"><asp:ContentPlaceHolder ID="ContentPlaceHolder4" runat="server" /></div>
             </div> 
          --%>

    <div data-options="region:'north',border:true" style="height:auto;background:#B3DFDA;padding:10px">
       <asp:ContentPlaceHolder ID="MainContent" runat="server" />
    </div>
 <div data-options="region:'west',split:true,title:'West'" style="150px;padding:10px;">
       <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server" />
    </div>
 <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="100px;padding:10px;">
       <asp:ContentPlaceHolder ID="ContentPlaceHolder3" runat="server" />
    </div>
 <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">
       <asp:ContentPlaceHolder ID="ContentPlaceHolder4" runat="server" />
    </div>
 <div data-options="region:'center',title:'Center'">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder5" runat="server" />
    </div>

</body>
</html>
原文地址:https://www.cnblogs.com/anbylau2130/p/3461010.html