html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>异常告警</title>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<link href="../../Styles/chargePileDetailInfomation.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../../Scripts/jquery-easyui-1.3.1/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../../Scripts/jquery-easyui-1.3.1/themes/icon.css" />
<link href="../../Scripts/jquery-easyui-1.3.1/demo.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-easyui-1.3.1/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="../../Scripts/WarnRecService/RealTimeWarn.js" type="text/javascript"></script>
</head>
<body style="margin: 0;padding: 0;">
<div id="telesignalling_warn" class="easyui-panel" style="height: 320px; verflow: hidden;" title=" " iconcls="icon-form" tools="#t_telesignalling_warn">
<table id="dg_telesignalling_warn">
</table>
</div>
<div id="card_Warn" class="easyui-panel" style="overflow: hidden;
height: 150px;" title=" " iconcls="icon-form" tools="#t_card_warn">
<table id="dg_Card_Warn">
</table>
</div>
<div class="easyui-layout" data-options="fit:true" border="false" style="height: 200px;
overflow: hidden;" >
<div data-options="region:'center'" style="width: 512px; height: 200px; overflow: hidden;"
>
<div id="communication_warn" class="easyui-panel" title=" " iconcls="icon-form" style="width: 512px;
height: 200px; overflow: hidden;" border="false"tools="#t_communication_warn">
<table id="dg_communication_warn">
</table>
</div>
</div>
<div data-options="region:'east'" style="width: 512px; height: 200px; overflow: hidden;">
<div id="power_failure" class="easyui-panel" title=" " iconcls="icon-form" style="width: 512px;
height: 200px; overflow: hidden;"border="false" tools="#t_power_failure">
<table id="dg_power_failure">
</table>
</div>
</div>
</div>
<div id="t_telesignalling_warn">
<a href="../../pages/WarnRecService/RealTimeQuery.htm" style="text-align: left; width: 40px;
text-decoration: none;" title="更多">更多>></a>
</div>
<div id="t_card_warn">
<a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
title="更多" onclick="javascript:alert('add')">更多>></a>
</div>
<div id="t_communication_warn">
<a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
title="更多" onclick="javascript:alert('add')">更多>></a>
</div>
<div id="t_power_failure">
<a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
title="更多" onclick="javascript:alert('add')">更多>></a>
</div>
<div id="dlg" class="easyui-dialog" data-options="closed:true,modal:true,buttons:'#dlg_buttons',title:'告警处理',iconCls: 'icon-info'">
<div style="height: 100px; width: 100%;">
<div id="dlg-select">
<input type="radio" id="r_gjcl_done" name="r_gjcl" checked="checked" value="1" />
<label for="r_gjcl_done">
灭警完成</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="radio" id="r_gjcl_wait" name="r_gjcl" value="0" /><label for="r_gjcl_wait">继续等待</label>
</div>
</div>
<div id="dlg_buttons">
<a href="#" class="easyui-linkbutton" iconcls="icon-save" onclick="btn_ok();">确定</a>
<a href="#" class="easyui-linkbutton" iconcls="icon-remove" onclick="btn_close();">取消</a>
</div>
</div>
<input id="hidd_warnid" type="hidden" />
<input id="hidd_warntype" type="hidden" />
</body>
</html>

显示:

easyui页面布局的更多相关文章

  1. 前端框架 EasyUI (2)页面布局 Layout

    在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些 ...

  2. 【开源】OSharp框架解说系列(2.2):EasyUI复杂布局及数据操作

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  3. EasyUi – 2.布局Layout + 3.登录界面

    1.页面布局 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.a ...

  4. 本人为项目组制定的一份页面优化指南(easyui页面优化方案)

    #本人为项目组制定的一份页面优化指南(easyui页面优化方案) ##背景 这是一篇我之前为项目组制定的页面优化指南,主要是面向表单页面,典型的像[注册用户](https://passport.cnb ...

  5. jquery-easyui实现页面布局和增删改查操作(SSH2框架支持)转载

    http://blessht.iteye.com/blog/1069749/ 已注册:ooip 关联的csdn 前几天心血来潮用jquery-easyui+spring.struts2.hiberna ...

  6. 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局

    EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...

  7. EasyUi – 2.布局Layout + 3.登录界面

    1.页面布局 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.a ...

  8. 【EasyUI】——EasyUI的布局

    做一个站点首先要有站点的布局,所谓的布局事实上就是网页的排版.就是说你的网页显示时是什么样子的. 就比方百度的首页: 无论是谁登录.网页都是这个样式的. EasyUI中的网页布局一共分为五部分,分别为 ...

  9. Xamarin+Prism开发详解五:页面布局基础知识

    说实在的研究Xamarin到现在,自己就没设计出一款好的UI,基本都在研究后台逻辑之类的!作为Xamarin爱好者,一些简单的页面布局知识还是必备的. 布局常见标签: StackLayout Abso ...

随机推荐

  1. 浅谈我眼中的ASP.NET MVC

    坦白地说,学习MVC是前一段时间的事情了.但是,我当时虽然也实践过,却也不能很好的说出个所以然来.因此,也 一直没敢写点什么文字总结.最近,开始学习EF,也同时在使用MVC来结合EF实践增删改查.慢慢 ...

  2. 让项目管理理论“落地”——读《IT项目经理成长手记》有感

    最近利用业余时间阅读了一本好书--<IT项目经理成长手记>(潘东.韩秋泉著).本书的两位作者是神州数码(中国本土最大的整合IT服务提供商)的高管,在书中他们介绍了神州数码在IT项目管理领域 ...

  3. CPU 硬盘性能到底相差多少

    本文以一个现代的.实际的个人电脑为对象,分析其中CPU(Intel Core 2 Duo 3.0GHz)以及各类子系统的运行速度——延迟和数据吞吐量.通过粗略的估算PC各个组件的相对运行速度,希望能给 ...

  4. Part 11 string functions in sql server

    Built in string functions in sql server 2008 LEFT, RIGHT, CHARINDEX and SUBSTRING functions in sql s ...

  5. Java之组合数组1

    我们先说"数组",数组是有序数据的集合,数组中的每个元素具有相同的数组名和下标来唯一地确定数组中的元素. 一.一维数组的定义 type arrayName[]; 其中类型(type ...

  6. C#调用SSIS包及读取DataReader目标

    C#调用SSIS包需要引用两个DLL .(具体位置在C盘搜索,MSDN和百度提供的路径都不太正确) Microsoft.SQLServer.ManagedDTS.dll Microsoft.SqlSe ...

  7. C#实现自定义事件,用于监视变量变化

    很多时候我们需要程序具有一种功能,就是当满足某一条件时触发某个动作,使用C#的事件机制就可以达到这个目的下面的例子是一个很好的演示. 这段代码实现了对一个变量的监视,一旦变量发生改变,就触发动作 定义 ...

  8. iOS 数据模型 的 一般设计

  9. 在C#用HttpWebRequest中发送GET/HTTP/HTTPS请求【转载】

    标签:C# HTTPS HttpWebRequest HTTP HttpWebResponse 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任. ...

  10. 工作案件1 一切都是有check引起的

    HTML中input标签有两个类型,radio和checkbox,一个单选按钮一个复选按钮.jquery可以通过$(":radio")和$(":checkbox" ...