模型弹出扩展器 [英] Model popup extender
问题描述
我实现了一个显示目的的ajax模式弹出窗口。在那，popup我实现了网格。现在什么是问题意味着当我点击分页并在弹出窗口中排序时会隐藏。如何恢复这个问题
我尝试过：
< pre lang =HTML> < div class = table-responsive >
< asp：UpdatePanel runat = < span class =code-keyword> server >
< ContentTemplate >
< asp：GridView runat = server 宽度 = 80％ PageSize = 5 ID = presenteruploadfilegrid AutoGenerateColumns = false SkinID = gridviewSkin
AllowPaging = true AllowSorting = true OnRowDataBound = presenteruploadfilegrid_RowDataBound OnDataBound = presenteruploadfilegrid_DataBound
< span class =code-attribute> OnRowCommand = presenteruploadfilegrid_RowCommand OnPageIndexChanging = presenteruploadfilegrid_PageIndexChanging OnSorting = presenteruploadfilegrid_Sorting >
< 列 >
< asp：TemplateField HeaderText = 档案输入 SortExpression = DocumentTypeDesc ItemStyle-Width = 20％ >
< ItemTemplate >
< ; asp：标签 runat = server BorderStyle = 无 宽度 = 100％ 文字 =' <％ #Eval（ DocumentTypeDesc）％>' > < / asp：标签 >
< span class =code-keyword>< / ItemTemplate >
< / asp：TemplateField >
< asp：TemplateField HeaderText = 文件名 SortExpression = FileName ItemStyle-Width = 40％ >
< ItemTemplate >
< asp：标签 runat = 服务器 ID = lblFileName BorderStyle < span class =code-keyword> = 无 宽度 = 100％ 文本 =' <％ #Eval（ FileName） ％>' > < / asp：标签 >
< / ItemTemplate >
< < span class =code-leadattribute> / asp：TemplateField >
< asp：TemplateField HeaderText < span class =code-keyword> = 上传日期 SortExpression = CreatedDate ItemStyle-Widt h = 20％ >
< ItemTemplate > ;
< asp：标签 runat = server BorderStyle = 无 宽度 = 90 正文 <跨度class =code-keyword> =' <％ #Eval（ CreatedDate）％>' > < / asp：标签 >
< / ItemTemplate >
< / asp：TemplateField >
< asp：TemplateField ItemStyle-Width = 10％ ItemStyle-HorizontalAlign = 中心 > ;
< ItemTemplate >
< asp：按钮 runat = server 宽度 = < span class =code-keyword> 100％ ID = btnview CssClass = btn btn-primary btn-xs 文字 = 查看 CommandName = 查看 / >
< asp：HiddenField ID = HiddenDocumentID 值 =' <％ #Eval（ UserDocumentId）％>' runat = < span class =code-keyword> server / >
< / ItemTemplate >
< / asp：TemplateField >
< /列 >
< PagerStyle CssClass = pageStyle / >
< PagerSettings 模式 = NumericFirstLast PageButtonCount = 5 / >
< / asp：GridView >
< asp：HiddenField ID = HiddenSortingStatus runat = server / >
< asp：Panel runat = server ID = panelpagination 可见 = false CssClass = paging_div >
< asp：标签 ID < span class =code-keyword> = lblpagetotal runat = server 可见 = false / >
< / asp：Panel >
< / ContentTemplate >
< 触发器 >
< asp：PostBackTrigger ControlID = presenteruploadfilegrid / >
< /触发器 >
< / asp：UpdatePanel >
< / div >
< asp：按钮 runat = s erver CssClass = pull-right btn btn-primary ID = close 文字 = 关闭 样式 = margin-bottom：10px; OnClick = close_Click / >
< ; / div >
使用假/虚拟按钮作为模态弹出窗口的目标控件。只需设置style =display：none，它就会变得不可见。例如：
< asp：linkbutton id = lnkTarget runat = server style = displaye：none; xmlns：asp = ＃unknown / > ;
< asp：panel id = pnlPopUp runat = < span class =code-keyword> server style = display：none cssclass = modal xmlns：asp = ＃unknown >
您的内容
< / asp：panel >
< asp：modalpopupextender id < span class =code-keyword> = ModalPopupExtender1 runat = server targetcontrolid = lnkTarget popupcontrolid = pnlPopUp backgroundcssclass = modal-bg xmlns：asp = ＃unknown >
< / asp：modalpopupextender >
然后致电：
ModalPopUpExtender1.Show（）;
如果您显示模态，分页和排序事件。
我假设您调用服务器端事件进行分页和排序。
使用 Ajax调用分页和排序我不应该隐藏你的弹出窗口。
I implementing ajax modal popup for some details showing purpose. In that, popup I implemented grid. now what is problem means when I click paging and sorting in popup will hide. how to recover this problem
What I have tried:
<div class="table-responsive">
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:GridView runat="server" Width="80%" PageSize="5" ID="presenteruploadfilegrid" AutoGenerateColumns="false" SkinID="gridviewSkin"
AllowPaging="true" AllowSorting="true" OnRowDataBound="presenteruploadfilegrid_RowDataBound" OnDataBound="presenteruploadfilegrid_DataBound"
OnRowCommand="presenteruploadfilegrid_RowCommand" OnPageIndexChanging="presenteruploadfilegrid_PageIndexChanging" OnSorting="presenteruploadfilegrid_Sorting">
<Columns>
<asp:TemplateField HeaderText="File Type" SortExpression="DocumentTypeDesc" ItemStyle-Width="20%">
<ItemTemplate>
<asp:Label runat="server" BorderStyle="None" Width="100%" Text='<%#Eval("DocumentTypeDesc") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="File Name" SortExpression="FileName" ItemStyle-Width="40%">
<ItemTemplate>
<asp:Label runat="server" ID="lblFileName" BorderStyle="None" Width="100%" Text='<%#Eval("FileName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Uploaded Date" SortExpression="CreatedDate" ItemStyle-Width="20%">
<ItemTemplate>
<asp:Label runat="server" BorderStyle="None" Width="90" Text='<%#Eval("CreatedDate") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Button runat="server" Width="100%" ID="btnview" CssClass="btn btn-primary btn-xs" Text="View" CommandName="View" />
<asp:HiddenField ID="HiddenDocumentID" Value='<%#Eval("UserDocumentId") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle CssClass="pageStyle" />
<PagerSettings Mode="NumericFirstLast" PageButtonCount="5" />
</asp:GridView>
<asp:HiddenField ID="HiddenSortingStatus" runat="server" />
<asp:Panel runat="server" ID="panelpagination" Visible="false" CssClass="paging_div">
<asp:Label ID="lblpagetotal" runat="server" Visible="false" />
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="presenteruploadfilegrid" />
</Triggers>
</asp:UpdatePanel>
</div>
<asp:Button runat="server" CssClass="pull-right btn btn-primary" ID="close" Text="Close" Style="margin-bottom:10px;" OnClick="close_Click" />
</div>
use a fake/dummy button as the target control for your modal popup. Just set style="display:none" so it will become invisible. For example:
<asp:linkbutton id="lnkTarget" runat="server" style="displaye:none;" xmlns:asp="#unknown" /> <asp:panel id="pnlPopUp" runat="server" style="display:none" cssclass="modal" xmlns:asp="#unknown"> Your content </asp:panel> <asp:modalpopupextender id="ModalPopupExtender1" runat="server" targetcontrolid="lnkTarget" popupcontrolid="pnlPopUp" backgroundcssclass="modal-bg" xmlns:asp="#unknown"> </asp:modalpopupextender>
Then call:
ModalPopUpExtender1.Show();
In the event where you show the modal, on paging and on sorting event.
I assume u r calling serverside events for paging and sorting. Call paging and sorting using Ajax and i should not hide ur popup.
这篇关于模型弹出扩展器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
