<%@ 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..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="width:150px;padding:10px;">

       <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server" />

    </div>

 <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width: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>

Jquery-easyUi------(布局)的更多相关文章

  1. jQuery EasyUI布局容器layout实例精讲

    这个布局容器,有五个区域:北.南.东.西和中心. 他中心地区面板是必需的,但是边缘地区面板是可选的.每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建 ...

  2. Jquery EasyUi实战教程布局篇

    转自:http://www.kwstu.com/ArticleView/kwstu_20139413501290 送给大家一个非常好的后台布局模板,本人后来就选择了这个模板http://www.kws ...

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

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  4. JQuery EasyUI Layout 在from布局自适应窗口大小

    在JQuery EasyUI中,如果直接在form上布局时当窗口大小调整布局不会改变,将布局应用于body时中间隔着一个form,横竖不好弄. 网上有多个解决方案,一般都是写代码,在窗口大小改变时设置 ...

  5. 雷林鹏分享：jQuery EasyUI 窗口 - 窗口与布局

    jQuery EasyUI 窗口 - 窗口与布局 Layout 组件可以内嵌在窗口(window)中.我们可以创建一个复杂的布局窗口,甚至不需要写任何的 js 代码.jquery-easyui 框架帮 ...

  6. jQuery easyui layout布局自适应浏览器大小(转)

    首先解释一下标题的含义,当我们用jQuery easyui layout 进行布局的时候,可能会遇到这样一个问题,那就是当手工调整浏览器大小,或者最大化.还原窗口的时候,layout的某个区域不能填充 ...

  7. 第二百零二节，jQuery EasyUI，Layout(布局)组件

    jQuery EasyUI,Layout(布局)组件 学习要点: 1.加载方式 2.布局属性 3.区域面板属性 4.方法列表 本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个 ...

  8. jquery easyui使用（一）······可折叠面板的布局，手风琴

    <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> &l ...

  9. jquery+easyui主界面布局一例

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="workbench.aspx ...

  10. jQuery EasyUI教程之datagrid应用（三）

    今天继续之前的整理,上篇整理了datagrid的数据显示及其分页功能 获取数据库数据显示在datagrid中:jQuery EasyUI教程之datagrid应用(一) datagrid实现分页功能: ...

随机推荐

  1. `libsass` bindings not found. Try reinstalling `node-sass`?

    本篇文章由:http://xinpure.com/libsass-bindings-not-found-try-reinstalling-node-sass/ 坑一记 `libsass` bindin ...

  2. UML建模学习3：UML基本构造块之关系

    今天我们来看UML基本构造块的还有一个要素--关系. UML中有表示基本图示符号之间的关系,它们是:依赖(dependency).泛化(generalization,也有的称继承).实 现(reali ...

  3. Oracle10g 安装步骤

    一.Oracle10g 安装预备步骤 取得 Oracle 10g 安装程序,或从 Oracle 技术网(OTN)下载光盘映像.在评估阶段您可以免费下载和使用无技术限制的全功能 Oracle,但在正式的 ...

  4. Java运行Python脚本的几种方式

    由于在项目需要执行Python,找寻相关资料,总结出以下几种方式: 直接执行Python脚本代码 引用 org.python包 PythonInterpreter interpreter = new ...

  5. Linux:命令执行控制&&与||

    1.&& 方式:command1 && command2 如果command1执行成功,则执行command2 2.|| 方式:command1 || command2 ...

  6. c++创建一个char数组

    char c[] = { 'a', 'b', 'c', '\0' }; char* cp = c; printf(cp); 所有的char类型都以'\0'结尾

  7. android.animation(6) - AnimatorSet

    上几篇给大家分别讲了ValueAnimator和ObjectAnimator,相比而言ObjectAnimator更为方便而且由于set函数是在控件类内部实现,所以封装性更好.而且在现实使用中一般而言 ...

  8. sql 记录

    INSERT INTO B([name],[info]) SELECT [name,'10'] FROM A 级联更新1:update tb1, tb2 set tb1.a=tb2.a,tb1.b=t ...

  9. oozie4.3.0+sqoop1.4.6实现mysql到hive的增量抽取

    1.准备数据源 mysql中表bigdata,数据如下: 2. 准备目标表 目标表存放hive中数据库dw_stg表bigdata 保存路径为 hdfs://localhost:9000/user/h ...

  10. Repeater DataTable 折叠动态加载

    网上关于Repeater折叠一般都是直接绑定上去,然后设置样式隐藏显示,可是这样是不太合理的,应该是客户需要的时候,你才去加载出来.所以,自己研究了一段时间,总结出下面的实现方案 首先是控件部分 &l ...