zoukankan      html  css  js  c++  java
  • easyui页面布局

    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=" 512px; height: 200px; overflow: hidden;"
                >
                <div id="communication_warn" class="easyui-panel" title=" " iconcls="icon-form" style=" 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=" 512px; height: 200px; overflow: hidden;">
                <div id="power_failure" class="easyui-panel" title=" " iconcls="icon-form" style=" 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;  40px;
                text-decoration: none;" title="更多">更多>></a>
        </div>
        <div id="t_card_warn">
            <a href="javascript:void(0)" style="text-align: left;  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;  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;  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;  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>

    显示:

  • 相关阅读:
    ISAPI实现静态页面后并用c#实现分页
    aspx里构造函数里无法使用session,需要重写一个方法放在load里面就能正常使用session了
    记录学习MVC过程,MVC异步请求(五)
    记录学习MVC过程,MVC验证(四)
    记录学习MVC过程,MVC简单路由(三)
    【读书笔记】【韭菜的自我修养】
    【中间件】redis的学习
    【java基础】线程池
    【算法】leetcode刷题 腾讯精选50题 一
    【碎语】让你废掉的七个行为
  • 原文地址:https://www.cnblogs.com/zhangwei595806165/p/3319144.html
Copyright © 2011-2022 走看看