Bootstrap模式关闭按钮不会导致回发

时间:2013-02-21 16:11:58

标签: c# javascript asp.net

我有一个boostrap模式,这是关闭它的按钮:

 <div class="modal-footer">
 <asp:Button ID="btnClose" CssClass="btn" runat="server" Text="Close" data-dismiss="modal" aria-hidden="true" />
 </div>

Button和modal表单嵌套在更新面板中。但它不会触发回发,因此更新面板不会执行其操作。如果我删除数据,则不会关闭模态。

我该怎么办?

2 个答案:

答案 0 :(得分:7)

您可以像示例中那样使用ASP按钮

<div class="modal-footer">
     <asp:Button ID="btnClose" CssClass="btn" runat="server" Text="Close" data-dismiss="modal" aria-hidden="true" />
</div>

只需尝试 UseSubmitBehavior =“false”

<div class="modal-footer">
   <asp:Button ID="btnClose" CssClass="btn" runat="server" Text="Close" data-dismiss="modal" aria-hidden="true" UseSubmitBehavior="false" />
</div>

这将关闭模态并触发回发

答案 1 :(得分:2)

Data-dismiss是基于javascript的,只是隐藏了模态。如果您希望关闭按钮进行回发,则需要使用OnClick属性并添加一个方法来处理代码隐藏:

<asp:Button ID="btnClose" CssClass="btn" runat="server" Text="Close" data-dismiss="modal" aria-hidden="true" OnClick="YourMethodNameGoesHere"/>

然后在你的代码隐藏中......做点什么:

protected void YourMethodNameGoesHere()
{
    // Do stuff
}