html:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>异常告警</title>
  5.     <meta http-equiv="pragma" content="no-cache" />
  6.     <meta http-equiv="cache-control" content="no-cache" />
  7.     <meta http-equiv="expires" content="0" />
  8.     <link href="../../Styles/chargePileDetailInfomation.css" rel="stylesheet" type="text/css" />
  9.     <link rel="stylesheet" type="text/css" href="../../Scripts/jquery-easyui-1.3.1/themes/default/easyui.css" />
  10.     <link rel="stylesheet" type="text/css" href="../../Scripts/jquery-easyui-1.3.1/themes/icon.css" />
  11.     <link href="../../Scripts/jquery-easyui-1.3.1/demo.css" rel="stylesheet" type="text/css" />
  12.     <script src="../../Scripts/jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript"></script>
  13.     <script src="../../Scripts/jquery-easyui-1.3.1/jquery.easyui.min.js" type="text/javascript"></script>
  14.     <script src="../../Scripts/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
  15.     <script src="../../Scripts/WarnRecService/RealTimeWarn.js" type="text/javascript"></script>
  16. </head>
  17. <body style="margin: 0;padding: 0;">
  18.     <div id="telesignalling_warn" class="easyui-panel" style="height: 320px; verflow: hidden;" title=" " iconcls="icon-form" tools="#t_telesignalling_warn">
  19.         <table id="dg_telesignalling_warn">
  20.         </table>
  21.     </div>
  22.     <div id="card_Warn" class="easyui-panel"  style="overflow: hidden;
  23.         height: 150px;" title=" " iconcls="icon-form" tools="#t_card_warn">
  24.         <table id="dg_Card_Warn">
  25.         </table>
  26.     </div>
  27.     <div class="easyui-layout" data-options="fit:true" border="false" style="height: 200px;
  28.         overflow: hidden;" >
  29.         <div data-options="region:'center'" style="width: 512px; height: 200px; overflow: hidden;"
  30.             >
  31.             <div id="communication_warn" class="easyui-panel" title=" " iconcls="icon-form" style="width: 512px;
  32.                 height: 200px; overflow: hidden;" border="false"tools="#t_communication_warn">
  33.                 <table id="dg_communication_warn">
  34.                 </table>
  35.             </div>
  36.         </div>
  37.         <div data-options="region:'east'" style="width: 512px; height: 200px; overflow: hidden;">
  38.             <div id="power_failure" class="easyui-panel" title=" " iconcls="icon-form" style="width: 512px;
  39.                 height: 200px; overflow: hidden;"border="false" tools="#t_power_failure">
  40.                 <table id="dg_power_failure">
  41.                 </table>
  42.             </div>
  43.         </div>
  44.     </div>
  45.     <div id="t_telesignalling_warn">
  46.         <a href="../../pages/WarnRecService/RealTimeQuery.htm" style="text-align: left; width: 40px;
  47.             text-decoration: none;" title="更多">更多>></a>
  48.     </div>
  49.     <div id="t_card_warn">
  50.         <a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
  51.             title="更多" onclick="javascript:alert('add')">更多>></a>
  52.     </div>
  53.     <div id="t_communication_warn">
  54.         <a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
  55.             title="更多" onclick="javascript:alert('add')">更多>></a>
  56.     </div>
  57.     <div id="t_power_failure">
  58.         <a href="javascript:void(0)" style="text-align: left; width: 40px; text-decoration: none;"
  59.             title="更多" onclick="javascript:alert('add')">更多>></a>
  60.     </div>
  61.     <div id="dlg" class="easyui-dialog" data-options="closed:true,modal:true,buttons:'#dlg_buttons',title:'告警处理',iconCls: 'icon-info'">
  62.         <div style="height: 100px; width: 100%;">
  63.             <div id="dlg-select">
  64.                 <input type="radio" id="r_gjcl_done" name="r_gjcl" checked="checked" value="1" />
  65.                 <label for="r_gjcl_done">
  66.                     灭警完成</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  67.                 <input type="radio" id="r_gjcl_wait" name="r_gjcl" value="0" /><label for="r_gjcl_wait">继续等待</label>
  68.             </div>
  69.         </div>
  70.         <div id="dlg_buttons">
  71.             <a href="#" class="easyui-linkbutton" iconcls="icon-save" onclick="btn_ok();">确定</a>
  72.             <a href="#" class="easyui-linkbutton" iconcls="icon-remove" onclick="btn_close();">取消</a>
  73.         </div>
  74.     </div>
  75.     <input id="hidd_warnid" type="hidden" />
  76.     <input id="hidd_warntype" type="hidden" />
  77. </body>
  78. </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. .NET DLL 保护措施详解(二)关于性能的测试

    先说结果: 加了缓存的结果与C#原生代码差异不大了 我对三种方式进行了测试: 第一种,每次调用均动态编译 第二种,缓存编译好的对象 第三种,直接调用原生C#代码 .net dll保护系列 ------ ...

  2. DateDiff函数 asp运算时间

    DateDiff DateDiff函数 返回 返回 Variant (Long) 的值,表示两个指定日期间的时间间隔数目. 语法 DateDiff(interval, date1, date2[, f ...

  3. 使用strtotime和mktime时参数为0时返回1999-11-30的时间戳问题

    先看例子 代码如下 复制代码 <?php $time = date('Y-m-d',strtotime('00-00-00 00:00:00')); echo $time; //输出 1999- ...

  4. C# DateTime 日期加1天 减一天 加一月 减一月 等方法(转)

    //今天 DateTime.Now.Date.ToShortDateString(); //昨天,就是今天的日期减一 DateTime.Now.AddDays(-).ToShortDateString ...

  5. iOS定位 - 普通定位(没有地图) - 反地理编码(得到具体位置)

    #import <CoreLocation/CoreLocation.h> 使用到的头文件 要引入CoreLocation这个包 <CLLocationManagerDelegate ...

  6. JS学习第四课

    当我们删除某列表格,再添加新的一列时,它的序号该如何控制呢.这里id=oTab.tBodies[0].rows.length+1        otd.innerHTML=id++;   很关键哦. ...

  7. Install GDAL in OpenSUSE 12.3 Linux

    Runtime Enviroment:Open SUSE Linux *i385 Notice:if any command disavliable ,you can copy the paramet ...

  8. cpoint

    #include<iostream> #include<math.h> using namespace std; class CPoint { public: int cpoi ...

  9. ADO.NET笔记——利用Command对象的ExecuteScalar()方法返回一个数据值

    相关知识: 有些SQL操作,例如SUM,只会从数据库返回一个数据值,而不是多行数据 尽管也可以使用ExecuteReader()返回一个DataReader对象,代表该数据值,但是使用Command对 ...

  10. linux中的文件属性

    l 是链接d 是目录c 是字符设备文件b 是块设备- 是文件