<%@ 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. 【小程序】微信小程序之地图功能

    转载请注明出处:http://blog.csdn.net/crazy1235/article/details/55004841 基本使用 地图组件使用起来也很简单. .wxml <map id= ...

  2. maven常用的一些依赖

    <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit ...

  3. postgresql一般crud存储过程参考[转]

    http://blog.csdn.net/cdnight/article/details/18082255 这里是一份经过再三调试测试而成功的postgres数据库单表crud存储过程,请注意,对于多 ...

  4. idea 更换编辑器背景图片

    插件名称是:BackgroundImage, 安装后效果图

  5. ItelliJ基于Gradle创建及发布Web项目（三）

    关键字:web 多模块 用惯了eclipse傻瓜式的配置,开始web部署真的不习惯. 一.现象: 项目发布了,死活找不到依赖模块中的类. 二.排查 确定F4->Artifacts->Out ...

  6. Redis(十八)：Redis和队列

    概要 Redis不仅可作为缓存服务器,还可用作消息队列.它的列表类型天生支持用作消息队列.如下图所示: 由于Redis的列表是使用双向链表实现的,保存了头尾节点,所以在列表头尾两边插取元素都是非常快的 ...

  7. J2EE学术交流感悟——分层

        学术交流进行了一周,是关于J2EE的学术报告. 目的是让我们在学习的时候对"所学知识"有一个宏观的认识. 開始是以为环绕"J2EE"进行解说,怕自己没有 ...

  8. 使用ClipboardManager碰到Can&#39;t create handler inside thread that has not called Looper.prepare()

    直接放上我的代码.希望能给碰到相同问题的朋友提供帮助 Runnable runnable = new Runnable() { public void run() { ClipboardManager ...

  9. 【剑指Offer学习】【面试题22：栈的压入、弹出序列】

    题目:输入两个整数序列,第一个序列表示栈的压入顺序,请推断二个序列是否为该栈的弹出顺序.假设压入栈的全部数字均不相等. 解题思路: 解决问题非常直观的想法就是建立一个辅助栈.把输入的第一个序列中的数字 ...

  10. CSS3边框圆角知识

    <div class="item" data-brief="整圆"> <div class="border-radius" ...