单击按钮事件后更新UpdatePanel
Update an UpdatePanel after a button click event
我会更好地解释我的问题,我会做很多编辑来澄清:
标记
<asp:ScriptManager runat="server" />
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" >
</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<asp:Button runat="server" Text="Chiudi" class="btn btn-danger" data-dismiss="modal" />
<asp:Button runat="server" ID="btn_Save" Text="Salva" class="btn btn-success" ValidationGroup="valGroup2" />
</div>
</div>
</div>
</div>
<asp:Button ID="Button1" runat="server" Text="Button" data-target="#myModal" class="btn btn-primary" data-toggle="modal"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false" >
<ContentTemplate>
<asp:GridView ID="grd_elenco" runat="server" CssClass="table table-bordered table-hover" data-toggle="modal">
</asp:GridView>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
</Triggers>
</asp:UpdatePanel>
VB.NET:
Private Sub btn_Save_Click(sender As Object, e As EventArgs) Handles btn_Save.Click
Label1.Text = "test"
UpdateSomeDataInGrid()
UpdatePanel1.Update()
End Sub
我只会用部分回发而不是完全回发的btn_Save
更新UpdatePanel
。我需要在UpdateSomeDataInGrid()
之后更新面板,有人知道怎么做吗?
我试图添加UpdatePanel1.Update()
,但所有页面都是回发的。
原因是btnSave不在UpdatePanel中。就目前情况来看,这意味着它总是会导致整页的回发。
若要使用UpdatePanel实现部分页面回发,请将回发控件放置在UpdatePanel内。
因此,您需要将btnSave移到UpdatePanel中:
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
<ContentTemplate>
<asp:Button runat="server" ID="btn_Save" Text="Salva" class="btn btn-success" ValidationGroup="valGroup2" />
.
.
.
或者,如果它更适合您的设计,则将包含btnSave的整个div移动到UpdatePanel中:
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
<ContentTemplate>
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
.
.
.
或者将btnSave放在自己的UpdatePanel中。这将避免整页回发,而您的处理程序仍然可以更新UpdatePanel1。
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax聊天消息重复而不仅仅是更新
- 通过CSV文件上载更新数据库表
- 这是否可能延迟客户端的UpdatePanel更新
- 单击按钮事件后更新UpdatePanel
- updatepanel在处于非活动状态后更新缓慢
- ASP.NET UpdatePanel阻止jQuery滑块更新
- 如何获得ASP.. NET page_load事件触发AJAX UpdatePanel更新
- 从UpdatePanel更新JavaScript变量
- ASP.UpdatePanel中的.NET GridView直到第二次点击才更新
- ASP.NET 4.0:我不知道UpdatePanel是如何更新图像控件的
- 将javascript更新限制为asp:UpdatePanel
- JavaScript触发的UpdatePanel未正确更新
- 如何从JavaScript中更新UpdatePanel ?
- 从UpdatePanel /调用c# getter永远不会得到更新的数据
- 将列表视图置于插入模式后,updatepanel中的隐藏字段未更新
- 在updatepanel中更新javascript