jquery dialog 弹出层内容错误

弹出框时不时的弹出父页面的内容,经过测试与页面表格样式无关,忘有大神帮忙解决一下。

1个回答

jQuery弹出层插件Dialog
Jquery UI dialog弹出层插件
jquery dialog-优雅的弹出框
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>管线综合数据展示</title>
    <script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <!--<script type="text/javascript" src="Scripts/jquery-1.9.1.js"></script>-->
    <script type="text/javascript" src="Scripts/artDialog4.1.7/artDialog.js?skin=blue"></script>
    <script id="artdailog_js" type="text/javascript" src="Scripts/artDialog4.1.7/artDialog.js?skin=blue"></script>
    <script type="text/javascript" src="Scripts/artDialog4.1.7/plugins/iframeTools.js"></script>
    <!--<script type="text/javascript" src="Scripts/jquery.freezeheader.js"></script>
    <link href="Style/style.css" rel="stylesheet" />-->
</head>
<style type="text/css">
    body {
        font: normal 11px auto "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        background: #E6EAE9;
    }


    #tableData {
        width: 150%;
        height: 800px;
        padding: 0;
        margin: 0;
    }

    table.tableData caption {
        padding: 0 0 5px 0;
        width: 700px;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
    }

    table.tableData th {
        font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #ffffff;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center;
        padding: 6px 6px 6px 12px;
        background: #7c7c7c no-repeat;
    }

        table.tableData th.nobg {
            border-top: 0;
            border-left: 0;
            border-right: 1px solid #C1DAD7;
            background: none;
        }

    table.tableData td {
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        background: #fff;
        font-size: 12px;
        padding: 6px 6px 6px 12px;
        color: #4f6b72;
    }


        table.tableData td.alt {
            background: #F5FAFA;
            color: #797268;
        }

    table.tableData th.spec {
        border-left: 1px solid #C1DAD7;
        border-top: 0;
        background: #fff no-repeat;
        font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }

    table.tableData th.specalt {
        border-left: 1px solid #C1DAD7;
        border-top: 0;
        background: #f5fafa no-repeat;
        font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #797268;
    }

    html > body td {
        font-size: 12px;
    }

    body, td, th {
        font-family: 宋体, Arial;
        font-size: 14px;
    }

    html, body, #d_table {
        padding: 0;
        margin: 0;
        height: 99%;
    }

        #d_table > table {
            height: 99%;
        }
</style>


<script type="text/javascript">
    //$(document).ready(function () {
    //    $("#tableData").freezeHeader({ 'height': '600px' });
    //})

    function flashData() {
        $.ajax({
            type: "POST",
            contentType: "application/json",
            url: "/WebServices/TableEdit.asmx/ShowList",
            data: {},
            dataType: "json",
            success: function (result) {
                if (result.d != "") {
                    var d = JSON.parse(result.d);
                    flashList(d);
                }
                else {
                }
            }
        });
    }

    function flashList(d) {
        var d = d;
        var tip = '<caption></caption>' +
                  '<tr style="width:100%;" id="flagRow">' +
                  '<th id="col1"  scope="col">序号</th>' +
                  '<th id="col2"  scope="col">管线名称</th>' +
                  '<th id="col3"  scope="col">阀门信息</th>' +
                  '<th id="col4"  scope="col">三通信息</th>' +
                  '<th id="col5"  scope="col">套管信息</th>' +
                  '<th id="col6"  scope="col">穿跨越信息</th>' +
                  '<th id="col12"  scope="col">打孔盗油</th>' +
                  '<th id="col18"  scope="col">第三方施工</th>' +
                  '<th id="col19"  scope="col">第三方占压</th>' +
                  '<th id="col7"  scope="col">恒电位仪</th>' +
                  '<th id="col8"  scope="col">绝缘接头</th>' +
                  '<th id="col9"  scope="col">保护电位</th>' +
                  '<th id="col10"  scope="col">巡线计划</th>' +
                  '<th id="col11"  scope="col">巡线记录</th>' +
                  '<th id="col13"  scope="col">汛情记录</th>' +
                  '<th id="col14"  scope="col">地质灾害</th>' +
                  '<th id="col15"  scope="col">清管作业</th>' +
                  '<th id="col16"  scope="col">设施修复</th>' +
                  '<th id="col17"  scope="col">管体修复</th>' +
                  '<th id="col18"  scope="col">管堤修复</th>' +
                  '<th id="col19"  scope="col">防腐层修复</th>' +
                  '<th id="col20"  scope="col">三桩一牌修复</th>' +
                  '<th id="col21"  scope="col">管道分析</th>' +
                  '</tr>';
        var _tmp = [];
        _tmp.push(tip);
        if (d != "") {
            $.each(d, function (i, record) {

                var tmp =
                    '<tr>' +
                    '<td>' + parseInt(i + 1) + '</td>' +//0,1
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem(\'' + record["LINELOOPEVENTID"] + '\')\">' + record["SERIESNAME"] + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'135\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["FMXX"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'127\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["STXX"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'121\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["TGXX"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'38\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["KYXX"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'202\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DKDY"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'234\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["DSFSG"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'201\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DSFZY"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'172\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["HDWY"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'211\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["JYJT"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'237\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["BHDW"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'4\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["XXJH"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'6\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["XXJL"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'159\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["XQJL"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'161\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["DZZH"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'191\',\'' + record["EVENTID"] + '\',\'id\')\">' + zearoTonull(record["QGZY"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'194\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["SSXF"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'169\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["GTXF"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'170\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["GIXF"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'185\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["FFCXF"]) + '<\label></td>' +
                    '<td><label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_query(\'181\',\'' + record["SERIESNAME"] + '\',\'name\')\">' + zearoTonull(record["SZYPXF"]) + '<\label></td>' +
                    '<td>' +
                    '<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ybdwfx\',\'' + record["SERIESNAME"] + '\')\">阴保电位分析<\label>|&nbsp;' +
                    '<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'gdfspj\',\'' + record["SERIESNAME"] + '\')\">管道腐蚀评价<\label>|&nbsp;' +
                    '<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'zsdlpj\',\'' + record["SERIESNAME"] + '\')\">杂散电流评价<\label>|&nbsp;' +
                    '<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ffcpsdpj\',\'' + record["SERIESNAME"] + '\')\">防腐层破损点评价<\label>|&nbsp;' +
                    '<label style=\"color:blue;text-decoration: none\" onclick=\"lookItem_fx(\'ghgqyl\',\'' + record["SERIESNAME"] + '\')\">高后果区游览<\label>|&nbsp;' +
                    '</td>' +
                    '</tr>';
                _tmp.push(tmp);
            });
        }
        $('table').html(_tmp);
    }

    function zearoTonull(a) {
        if (a == '0') {
            return "";
        } else {
            return a;
        }
    }

    //数据查看窗口
    function lookItem(keyid) {

        var tid = '218';
        var keyid = keyid;
        if (keyid != "" && keyid != null) {
            var url = "LookInfo.aspx?id=" + tid + "&keyid=" + keyid; //url地址
            var artcfg = {
                id: "lookItem" + tid + keyid,
                title: "查看数据详细信息",
                padding: 0,
                lock: false
            };
            art.dialog.close();
            art.dialog.open(url, artcfg);
        }
        else {
            NormalMsg("您还未选择要查看的记录");
        }
    }

    function lookItem_query(tid, keyid, queryType) {

        var tid = tid;
        var keyid = keyid;
        var where = "";
        if (queryType == 'name') {
            if (tid == '172' || tid == '211' || tid == '237' || tid == '230' || tid == '232' || tid == '4' || tid == '234' || tid == '169' || tid == '170' || tid == '185' || tid == '181') {
                where = " where PIPELINE_NAME='" + keyid + "'";
            } else {
                where = " where pipename='" + keyid + "'";
            }
        } else {
            where = " where stationserieseventid='" + keyid + "'";
        }

        if (tid == '194') {
            where = " where PIPELINE_NAME='" + keyid + "' and HANDLE_FLAG='处理中'";
        }
        if (tid != "" && tid != null) {
            var url = "TableList.aspx?id=" + tid + "&type=query&where=" + where + "&showType=zhzs"; //url地址
            var artcfg = {
                id: "lookItem_query" + tid + keyid,
                title: "查看数据列表",
                padding: 0,
                width: '80%',
                height: '60%',
                lock: true
            };
            art.dialog.close();
            art.dialog.open(url, artcfg);
        }
        else {
            NormalMsg("您还未选择要查看的记录");
        }
    }

    function lookItem_fx(type, pipename) {
        if (type != "" && type != null) {
            var url = "";
            var title = "";
            if (type == 'ybdwfx') {
                url = 'http://10.79.1.57:81/Charts/ProtectivePotentialAnalysis.aspx?pname=' + pipename;
                title = "阴保电位分析";
            }
            if (type == 'gdfspj') {
                url = 'http://10.79.1.57:81/GisList.aspx?tid=225&pname=' + pipename;
                title = "管道腐蚀评价";
            }
            if (type == 'zsdlpj') {
                url = 'http://10.79.1.57:81/GisList.aspx?tid=221&pname=' + pipename;
                title = "杂散电流评价";
            }
            if (type == 'ffcpsdpj') {
                url = 'http://10.79.1.57:81/GisList.aspx?tid=220&pname=' + pipename;
                title = "防腐层破损点评价";
            }
            if (type == 'ghgqyl') {
                url = 'http://10.79.1.57:81/GisList.aspx?tid=188&pname=' + pipename;
                title = "高后果区游览";
            }
            var artcfg = {
                id: "lookItem_fx" + type,
                title: title,
                padding: 0,
                width: '80%',
                height: '80%',
                lock: true
            };
            //art.dialog.open(url, artcfg);
            window.open(url, "newwindow", "height=600, width=800, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
        }
        else {
            NormalMsg("您还未选择要查看的记录");
        }
    }
</script>
<body onload="flashData()">

    <div style="width: 100%; overflow: auto" id="d_table">
        <table id="tableData" cellpadding="0" cellspacing="0" class="tableData">
            <tr>
                <td>
                    <div class="loading"></div>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!