<%@ 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. ajax调用webservice服务

    ajax调用是 html方向调用的, 而sqlconnection是 java代码调用的,本质差不多 <html> <head> <title>通过ajax调用we ...

  2. 关于GridView Master-Detail 不支持明细属性为IEnumerable、IList问题

    默认状态下gridview不支持接口集合,即不支持属性类型为IEnumerable<T>或者扩展的IList<T>,只能乖乖的转成List等实体集合,这种取舍就是鱼和熊掌了,如 ...

  3. OSI各层的功能和主要协议（转载）

    OSI各层的功能和主要协议: 物理层 物理层规定了激活.维持.关闭通信端点之间的机械特性.电气特性.功能特性以及过程特性.该层为上层协议提供了一个传输数据的物理媒体. 在这一层,数据的单位称为比特(b ...

  4. 使用 hibernate validator 进行表单验证

    1 引入依赖,如果是 Maven 项目,仅需要添加如下依赖.官网请查看http://hibernate.org/validator/documentation/getting-started/ < ...

  5. c#取得post和get的数据和模拟发送

    可以放在控制器的入口函数中,这样载入就会被调用 asp.net mvc,get+post: public ActionResult Index() { ) { foreach (var item in ...

  6. dp之01背包hdu3466(带限制的，当你所拥有的钱数大于某个限定值时才可以购买该物品)

    题意:买东西,每个东西有三个特征值,p代表价格,q代表你手中钱必须不低于q才能买这个物品,v代表得到的价值. mark:又是变种01背包,每做一个变种的,就是一种提高.. 按照q - p以由大到小的顺 ...

  7. 椭圆曲线密码体制(ECC)简介

    一.椭圆曲线的基本概念 简单的说椭圆曲线并不是椭圆,之所以称为椭圆曲线是因为他们是用三次方程来表示,并且该方程与计算椭圆周长的方程相似. 对密码学比较有意义的是基于素数域GF(p)和基于二进制域(GF ...

  8. ldap temp

    #http://www.openldap.org/software/man.cgi?query=slapcat&apropos=0&sektion=0&manpath=Open ...

  9. httpclient4.5 的一些细节

    本文转自:http://mercymessi.iteye.com/blog/2250161 httpclient是Apache下的一个用于执行http网络访问的一个工具包. 大致流程:新建一个http ...

  10. Eclipse “cannot be resolved to a type” error

    引言:     eclipse新导入的项目经常可以看到"XX cannot be resolved to a type"的报错信息.本文将做以简单总结. 正文:     (1)jd ...