读书人

弹出层停不住解决办法

发布时间: 2012-04-18 15:01:59 作者: rapoo

弹出层停不住
<div class=" Dialog" id="AddOrEditRoleDialog" style="top: 80px; width: 480px; display: none;
text-align: center; margin: aotu;">
<div class=" DialogHeader" onmousedown="javascript:Drag(this,$get('AddOrEditRoleDialog'),event)">
<div class="DialogHeaderLeft">
<div class="DialogExpandImage">
<img src="../Resourse/Theme/images/add.gif" /></div>
</div>
<div id="PerAddMenu" class="DialogHeaderCenter">
添加产品分类</div>
<div id="PerEditRole" class="DialogHeaderCenter" style="display: none;">
编辑产品名称</div>
</div>
<div class=" DialogContent" style="padding-top: 15px; padding-bottom: 15px;">
<asp:UpdatePanel ID="UpdatePanelNewPerAssetReg" runat="server" UpdateMode="Conditional"
ChildrenAsTriggers="false">
<ContentTemplate>
<table style="width: 90%;" class="styleTable">
<tr>
<td class="FormItemText">
品牌名称:
</td>
<td class="FromItemLeft">
<asp:DropDownList ID="DDL_CompanyName" runat="server" Width="155px">
</asp:DropDownList>
</td>
<td class="FormItemText">

</td>
</tr>
<tr>
<td class="FormItemText">
分类名称:
</td>
<td class="FromItemLeft">
<asp:TextBox ID="TB_ProType" runat="server"></asp:TextBox>
</td>
<td class="FormItemText">

</td>
</tr>

<tr>
<td colspan="2" align="center">
<asp:Button ID="SavePerRoletRegButton" AccessKey="F" onmouseover="javascript:this.className='ButtonOver'"
onmouseout="javascript:this.className='Button'" runat="server" CssClass="Button"
Text=" 添加(F) " OnClientClick="javascript:return checkSubmit();" OnClick="SavePerRoletRegButton_Click"
UseSubmitBehavior="True" />      
<input class=" Button" accesskey="C" onmouseover="javascript:this.className='ButtonOver'"
onmouseout="javascript:this.className='Button'" type="button" value=" 取消(C) "


onclick="javascript:cancelSave();" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</div>

JS
//编辑
function editRole() {
if ($get("<%=TB_rolId.ClientID%>").value.trim() == "") {
alert("你没有选择要编辑的选项,请选择!");
return false;
}


var table = $get("<%=GV_RoleList.ClientID %>");
if (table && table.rows.length > 0) {
var row = table.rows[table.rowIndex];
$get("<%=TB_ProType.ClientID %>").value = row.getAttribute("FTypeName");

}
$get("<%=TB_addOreditRole.ClientID %>").value = "edit";
$get("<%=SavePerRoletRegButton.ClientID %>").value = " 编辑(F) ";

$get('AddOrEditRoleDialog').style.display = 'block';
$get('PerEditRole').style.display = 'block';
$get('DialogMask').style.display = 'block';

__doPostBack("<%=LBTN_BindDDLCompany.UniqueID %>", "");

}


应该是JS有问题

[解决办法]
弹出的层还是在当前页面中,并且目前的js还没有办法实现阻塞(不知道HTML5咋样),所以你弹出层后再执行提交,肯定是没办法停住的。因此,你需要将弹出层的操作与你提交后台的操作进行分开写,你可以将你的提交事件放在弹出层的按钮里面,也可以在弹出层的按钮里面回调doPostBack

读书人网 >C#

热点推荐