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. CSS之密码强度检测

    输入密码后单击空白处即可检测. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...

  2. 设置WinForm窗体及程序图标

    自己留着看,总是用的时候给忘记了,百度来百度去的麻烦. 设置 Ico 图标为 [资源文件] 项目名à右键à属性,在选项卡中选择"资源"   选择 "添加资源"à ...

  3. java中从1000万个随机数中查找出相同的10万个随机数花的最少时间

    偶然在群里看到有人问到大数据查询,自己也就想了小艾改如何解决,从从1000万个随机数中查找出相同的10万个随机数花的最少时间, 谈到效率,自然是hashmap莫属. import java.util. ...

  4. 杭电ACM2098--分拆素数和

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=2098 这是源码.其实我本不想拿出源码,毕竟源码很容易被复制. 我这里刚开始出错的地方有 0_0_12811 ...

  5. [翻译.每月一译.每日一段]Exploring Fonts with DirectWrite and Modern C++

    Windows with C++ Exploring Fonts with DirectWrite and Modern C++ Kenny Kerr DirectWrite is an incred ...

  6. spring4.0源码导入

    一个面试,让我知道了自己的不足,一天不进步就是倒退. spring源码导入eclipse 本人的环境 (我导入的是最新的spring 4.0 所以要用jdk1.8) 1 安装git (mac上自带了g ...

  7. [windows phone开发]新生助手的开发过程与体会一

    功能需求分析: 1．  为到达学院的新生指路,给出所有路线,并给出必要提示: 2．  对学院建筑进行介绍: 3．  对学院周边环境(交通.购物.银行等)进行介绍: 4．  必要的应用设置 总体设计: ...

  8. 使用JDBC从数据库中查询数据

    * ResultSet 结果集:封装了使用JDBC 进行查询的结果 * 1. 调用Statement 对象的 executeQuery(sql) 方法可以得到结果集 * 2. ResultSet 返回 ...

  9. 如何解决win7系统访问共享服务器慢的问题

    最近重新装了win7系统,但发现当访问共享服务器的时候很慢,后来在网上搜索了相关解决办法,在此和大家分享下: 1. 通过“windows键”+“R键”快捷打开“运行”窗口,然后输入cmd命令敲回车,进 ...

  10. 实验九--裸机LCD

    一.环境 系统:ubuntu12.04 开发板:jz2440 编译器:gcc 二.说明 有空补上 三.代码 Makefile: CC = arm-linux-gcc LD = arm-linux-ld ...