让showModalDialog显示修改后的记录,并点击服务器端控件后不弹出网页

本文链接：https://blog.youkuaiyun.com/xuwenwu/article/details/1533331

要让弹出的模式对话框获得最新的记录,就需要清空模式对话框所在网页的缓存,以便能得到最新记录,这就需要在网页的<head></head>中间添加如下代码:

为了能够正常使用模式对话框中的服务器端控件,避免弹出网页的烦恼,在网页的标头中加如下代码:

完整代码如下:

</head>

这样就解决了弹出对话框的问题了.还有在标签选项卡中使用服务器端控件防止选项卡重置的问题,代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CarAllInfo.aspx.cs" Inherits="web_CarsManage_CarAllInfo" %>

<%@ Register Src="Controls/CarAllInfoControls/CarYearCheckInfo.ascx" TagName="CarYearCheckInfo"

TagPrefix="uc3" %>

<%@ Register Src="Controls/CarAllInfoControls/CarMaintainInfo.ascx" TagName="CarMaintainInfo"

TagPrefix="uc4" %>

<%@ Register Src="Controls/CarAllInfoControls/CarOilInfo.ascx" TagName="CarOilInfo"

TagPrefix="uc5" %>

<%@ Register Src="../CarAttemper/Controls/CarInfo.ascx" TagName="CarInfo" TagPrefix="uc1" %>

<%@ Register Src="Controls/CarAllInfoControls/CarInfo.ascx" TagName="CarInfo" TagPrefix="uc2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//Switch Tab Effect

function switchTab(tabpage,tabid){

var oItem = document.getElementById(tabpage);

for(var i=0;i<oItem.children.length;i++){

var x = oItem.children(i);

x.className = "";

var y = x.getElementsByTagName('a');

y[0].style.color="#333333";

}

document.getElementById(tabid).className = "Selected";

var dvs=document.getElementById("cnt").getElementsByTagName("div");

for (var i=0;i<dvs.length;i++){

if (dvs[i].id==('d'+tabid) && dvs[i].controlFlag == "yes"){

dvs[i].style.display='block';

document.getElementById("ChosedIndexId").value = dvs[i].choseIndex;

}

else if(dvs[i].controlFlag == "yes")

dvs[i].style.display='none';

}

function doInitTab(){

try{

var index = document.getElementById("ChosedIndexId").value;

var showDivName = "Tab" + index;

switchTab('TabPage1',showDivName);

}catch(ex){}

}

</script>

body {font-size:12px;font-family:宋体}

ul.TabBarLevel1{

list-style:none;

margin:0;

padding:0;

height:29px;

background-image:url(Images/q20066292643.gif);

}

ul.TabBarLevel1 li{

float:left;

padding:0;

height:29px;

margin-right:1px;

background:url(Images/320066292748.gif) left top no-repeat;

}

ul.TabBarLevel1 li a{

display:block;

line-height:29px;

padding:0 20px;

color:#333;

background:url(Images/w20066292815.gif) right top no-repeat;

white-space: nowrap;

}

ul.TabBarLevel1 li.Selected{

background:url(Images/220066292838.gif) left top no-repeat;

}

ul.TabBarLevel1 li.Selected a{

background:url(Images/42006629294.gif) right top no-repeat;

}

ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited{

color:#333;

}

ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active{

color:#F30;

text-decoration:none;

}

ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited{

color:#000;

}

ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active{

color:#F30;

text-decoration:none;

}

div.HackBox {

padding : 2px 2px ;

border-left: 2px solid #6697CD;

border-right: 2px solid #6697CD;

border-bottom: 2px solid #6697CD;

display:none;

}

.table{

text-align:left;

width:100%;

border:2px solid #ABCFFF;

}

.table td{

height:22px;

line-height:22px;

text-indent:12px;

border:1px solid #ABCFFF;

text-decoration:none;

overflow:hidden;

padding-top:0px;

overflow:hidden;

}

.table td a

{

white-space:normal;

overflow:auto;

text-decoration: none;

color:#264F7B;

}

.table td a:hover{

color:#FF0000;

text-decoration:none;

}

.table th{

height:23px;

line-height:23px;

background-color:#CDE7FE;

border:0px solid #ABCFFF;

background-image:url(/_layouts/images/images/di_03.gif);

background-repeat:repeat-x;

font-weight:normal;

text-indent:12px;

color:#000000;

}

.table th a{

border-bottom:none;

height:23px;

line-height:23px;

text-align:center;

text-decoration:none;

}

.table th a:hover{

height:23px;

line-height:23px;

background:#efefef;

}

.tr2{

background:#DDEEFE;

}

</style>

车辆基本信息</a></li>

<li id="Tab2"><a href="#" onclick="javascript:switchTab('TabPage1','Tab2');">车辆年检信息</a></li>

<li id="Tab3"><a href="#" onclick="javascript:switchTab('TabPage1','Tab3');">车辆维修信息</a></li>

<li id="Tab4"><a href="#" onclick="javascript:switchTab('TabPage1','Tab4');">车辆油耗信息</a></li>

</ul>

<uc2:CarInfo ID="CarInfo1" runat="server" />

</div>

<uc3:CarYearCheckInfo ID="CarYearCheckInfo1" runat="server" />

</div>

<uc4:CarMaintainInfo ID="CarMaintainInfo1" runat="server" />

</div>

<uc5:CarOilInfo id="CarOilInfo1" runat="server">

</uc5:CarOilInfo>

</div>

</form>

window.onload = doInitTab;

</script>

</body>