C# 刷新模式弹出窗口内的UpdatePanel
显然我做错了什么,只是不确定。。。 我有一个模式弹出窗口,里面是一个更新面板,其中依次包含一个gridview。当第一次调用模式弹出窗口时,我想刷新UpdatePanel(和网格数据) 我有工作的代码,以便面板更新时,按下按钮BTNHIDENJSREFRESH(目前未隐藏)。但是我不能不按按钮就让它工作 我已尝试通过Jquery$(“”)单击按钮; 我可以看到它被调用了,但是页面上没有反应。 与“doPostBack”(“,”)相同 此外(这可能是不相关的)gridview中的delete选项在这里不起作用。在UpdatePanel之外,它工作正常 这是代码,我已经试着把它减少到主要的问题领域C# 刷新模式弹出窗口内的UpdatePanel,c#,asp.net,gridview,updatepanel,modalpopupextender,C#,Asp.net,Gridview,Updatepanel,Modalpopupextender,显然我做错了什么,只是不确定。。。 我有一个模式弹出窗口,里面是一个更新面板,其中依次包含一个gridview。当第一次调用模式弹出窗口时,我想刷新UpdatePanel(和网格数据) 我有工作的代码,以便面板更新时,按下按钮BTNHIDENJSREFRESH(目前未隐藏)。但是我不能不按按钮就让它工作 我已尝试通过Jquery$(“”)单击按钮; 我可以看到它被调用了,但是页面上没有反应。 与“doPostBack”(“,”)相同 此外(这可能是不相关的)gridview中的delete选项在
<ajaxact:modalpopupextender id="ModalPopupExtender1" runat="server"
cancelcontrolid="ClosePopup" okcontrolid="ClosePopup"
targetcontrolid="hidenSelectedDoc" popupcontrolid="THolder"
popupdraghandlecontrolid="PopupHeader" drag="true" BehaviorID="MPE" Y="0" backgroundcssclass="ModalPopupBG">
任何想法都很好
谢谢在代码片段中引用所有页面代码会更有帮助。同时,我试图根据您的描述模拟此功能,因此如果我误解了什么,请纠正我 在页面加载中,我添加了一个javascript块来检查它是否是回发。如果不是,那么我调用按钮的(btnHiddenJSRefresh)单击事件一次以重新显示模式。另外,我添加了一个按钮来弹出模式窗口,请参见我的代码示例。最后,在本例中,delete选项工作正常
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release">
<Scripts>
<asp:ScriptReference Path="resources/jquery-1.11.0.js"/>
</Scripts>
</asp:ScriptManager>
<script type="text/javascript">
$(document).ready(function () {
var chkPostBack = '<%= Page.IsPostBack ? "true" : "false" %>';
if ( !Boolean.parse(chkPostBack) ) {
__doPostBack("<%= btnHiddenJSRefresh.ClientID %>", "");
}
});
</script>
<asp:Button ID="shwmodal" runat="server" Text="show modal"
onclick="shwmodal_Click" />
<div classs="ModalPopup" id="THolder" >
<a id="ClosePopup" href="#">Close</a>
<asp:Button ID="btnHiddenJSRefresh" runat="server" Text="Button" style="display:none" OnClick="btnAddTag_Click" />
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"
OnLoad="UpdatePanel2_Load" >
<ContentTemplate>
<asp:GridView ID="gvPageTags" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourcePageTags" CssClass="TableDataHolder" DataKeyNames="RoleID" >
<Columns>
<asp:BoundField DataField="Descr" HeaderText="Descr Name" SortExpression="Descr" />
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:ImageButton ID="deleteButtonImg" runat="server" CommandName="Delete" Text="Delete" OnClientClick="return confirm('Are you sure you want to delete this car?');" ImageUrl="~/images/icons/DeleteIconS.png" AlternateText="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
<asp:SqlDataSource ID="SqlDataSourcePageTags" runat="server"
ConnectionString="<%$ ConnectionStrings:bobConnectionString %>"
SelectCommand="SELECT * FROM testRoles WHERE (RoleId = @cMake)"
DeleteCommand="DELETE FROM testRoles WHERE RoleId = @RoleId">
<SelectParameters>
<asp:Parameter Name="cMake" DefaultValue="0" Type="int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
<cc1:ModalPopupExtender id="ModalPopupExtender1" runat="server"
cancelcontrolid="ClosePopup" okcontrolid="ClosePopup"
targetcontrolid="hidenSelectedDoc" popupcontrolid="THolder"
popupdraghandlecontrolid="PopupHeader" drag="true" BehaviorID="MPE" Y="0" backgroundcssclass="ModalPopupBG">
</cc1:ModalPopupExtender>
<asp:Button runat="server"
ID="hidenSelectedDoc"
style="display:none"/>
</form>
protected void btnAddCar_Click(object sender, EventArgs e)
{
SqlDataSourcePageTags.SelectParameters["cMake"].DefaultValue = hidenSelectedcMake.Value;
SqlDataSourcePageTags.DataBind();
gvPageTags.DataBind();
UpdatePanel2.Update();
}
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" ScriptMode="Release">
<Scripts>
<asp:ScriptReference Path="resources/jquery-1.11.0.js"/>
</Scripts>
</asp:ScriptManager>
<script type="text/javascript">
$(document).ready(function () {
var chkPostBack = '<%= Page.IsPostBack ? "true" : "false" %>';
if ( !Boolean.parse(chkPostBack) ) {
__doPostBack("<%= btnHiddenJSRefresh.ClientID %>", "");
}
});
</script>
<asp:Button ID="shwmodal" runat="server" Text="show modal"
onclick="shwmodal_Click" />
<div classs="ModalPopup" id="THolder" >
<a id="ClosePopup" href="#">Close</a>
<asp:Button ID="btnHiddenJSRefresh" runat="server" Text="Button" style="display:none" OnClick="btnAddTag_Click" />
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional"
OnLoad="UpdatePanel2_Load" >
<ContentTemplate>
<asp:GridView ID="gvPageTags" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourcePageTags" CssClass="TableDataHolder" DataKeyNames="RoleID" >
<Columns>
<asp:BoundField DataField="Descr" HeaderText="Descr Name" SortExpression="Descr" />
<asp:TemplateField HeaderText="Delete">
<ItemTemplate>
<asp:ImageButton ID="deleteButtonImg" runat="server" CommandName="Delete" Text="Delete" OnClientClick="return confirm('Are you sure you want to delete this car?');" ImageUrl="~/images/icons/DeleteIconS.png" AlternateText="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
<asp:SqlDataSource ID="SqlDataSourcePageTags" runat="server"
ConnectionString="<%$ ConnectionStrings:bobConnectionString %>"
SelectCommand="SELECT * FROM testRoles WHERE (RoleId = @cMake)"
DeleteCommand="DELETE FROM testRoles WHERE RoleId = @RoleId">
<SelectParameters>
<asp:Parameter Name="cMake" DefaultValue="0" Type="int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
<cc1:ModalPopupExtender id="ModalPopupExtender1" runat="server"
cancelcontrolid="ClosePopup" okcontrolid="ClosePopup"
targetcontrolid="hidenSelectedDoc" popupcontrolid="THolder"
popupdraghandlecontrolid="PopupHeader" drag="true" BehaviorID="MPE" Y="0" backgroundcssclass="ModalPopupBG">
</cc1:ModalPopupExtender>
<asp:Button runat="server"
ID="hidenSelectedDoc"
style="display:none"/>
</form>