使用ModalpopupExtender弹出网格视图 [英] Using ModalpopupExtender Popup Gridview
本文介绍了使用ModalpopupExtender弹出网格视图的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
当我点击另一个gridview（gvOpCo）中的Button（Details）时，我需要弹出gridview（gvEmployee）。这里我使用的是ajax的MpdalPopupExtender控件。这里Popup正在填充，但Gridview没有显示给我。这里是.aspx设计
Hi,
I need to popup the gridview(gvEmployee) when I click on Button(Details) which is in another gridview(gvOpCo). Here I am using MpdalPopupExtender control of ajax. Here Popup is populating but Gridview is not shown to me. here is the .aspx design
<table width="100%">
<tr align="center" style="border-color:white">
<td>
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:Panel ID="pnlOpCo" Width="60%" runat="server" HorizontalAlign="Center" Style="background-color: AppWorkspace"
ScrollBars="Auto" Height="250px" BorderWidth="1" BorderColor="White" >
<asp:GridView ID="gvOpCo" runat="server" HeaderStyle-BorderColor="White" HeaderStyle-BorderWidth="1" BorderWidth="1px">
<Columns>
<asp:TemplateField HeaderStyle-BackColor="#528CC7" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px"
ControlStyle-BorderWidth="1">
<HeaderTemplate>
<asp:Label ID="lblOpCo" runat="server" Font-Names="Verdana" Font-Size="Small">OpCO</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:DropDownList ID="ddlOpCo" runat="server" Style="text-align: center" Width="150px">
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px">
<HeaderTemplate>
<asp:Label ID="lblBillable" runat="server" Font-Names="Verdana" Font-Size="Small">Billable</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:DropDownList ID="ddlBillable" runat="server" Font-Names="Verdana" Font-Size="Small" >
<asp:ListItem Text="Yes"></asp:ListItem>
<asp:ListItem Text="No"></asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px">
<HeaderTemplate>
<asp:Label runat="server" ID="lblFCH" Font-Names="Verdana" Font-Size="Small">Forecast Hrs</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtFCH" Width="30px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label runat="server" ID="lblFCA" Font-Names="Verdana" Font-Size="Small">Forecast Amount</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtFCA" Width="50px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label runat="server" ID="lblAH" Font-Names="Verdana" Font-Size="Small">Actual Hrs</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtAH" Width="30px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label runat="server" ID="lblAA" Font-Names="Verdana" Font-Size="Small">Actual Amount</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtAA" Width="50px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px">
<HeaderTemplate>
<asp:Label runat="server" ID="lblDetailAction" Font-Names="Verdana" Font-Size="Small">Action</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:Button ID="btnEmployee" runat="server" Text="Details" Font-Names="Verdana" Font-Size="8"
OnClick="btnEmployee_Click"></asp:Button>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White" ItemStyle-BorderColor="White" ItemStyle-BorderWidth="1px">
<HeaderTemplate>
<asp:Label runat="server" ID="lblAddAction" Font-Names="Verdana" Font-Size="Small">Action</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:LinkButton ID="lnkAdd" runat="server" Text="Add Row" Font-Names="Verdana" Width="100px"
Font-Size="8" Font-Bold="true" ForeColor="Black" OnClick="lnkAdd_Click"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
<table width="100%" style="height: 15px">
</table>
<table width="100%">
<tr align="center">
<td>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="btnSaveOpCo" runat="server" Text="Save" Font-Names="Verdana" Font-Size="10"
Width="75px" />
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="display: none">
<asp:Button ID="btnAddEmployee" runat="server" Text="Details" Style="display: none">
</asp:Button>
<ajax:ModalPopupExtender ID="mpePopup" runat="server" TargetControlID="btnAddEmployee"
PopupControlID="pnlEmployee" Enabled="True">
</ajax:ModalPopupExtender>
</table>
<asp:Panel ID="pnlEmployee" runat="server" Width="600px" Height="400px" Style="display: none;
border-color: White; background-color: AppWorkspace" ScrollBars="Auto" BorderWidth="1">
<table width="100%">
<tr>
<td>
<asp:GridView ID="gvEmployee" runat="server" EmptyDataText="No records Found">
<Columns>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label runat="server" ID="lblEmployee" Font-Names="Verdana" Font-Size="Small">Employee</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:Label runat="server" ID="lblEmployeeName"></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label ID="lblApplication" runat="server" Font-Names="Verdana" Font-Size="Small">Application</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtApllication"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label ID="lblAllocation" runat="server" Font-Names="Verdana" Font-Size="Small">Allocated</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtAllocation"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label ID="lblModel" runat="server" Font-Names="Verdana" Font-Size="Small">Model</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:DropDownList ID="ddlModel" runat="server" Font-Names="Verdana" Font-Size="8"
HeaderStyle-BorderWidth="1">
<asp:ListItem Text="FTE"></asp:ListItem>
<asp:ListItem Text="Utility"></asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderStyle-BorderWidth="1"
HeaderStyle-BackColor="#528CC7" HeaderStyle-BorderColor="White">
<HeaderTemplate>
<asp:Label ID="lblRate" runat="server" Font-Names="Verdana" Font-Size="Small">Rate</asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRate" Width="40px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
<tr style="width: 600px">
<td align="center">
<asp:Button ID="btnSave" runat="server" Text="Save" Width="75px" OnClick="btnSave_Click" />
<asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="75px" OnClick="btnCancel_Click"/>
</td>
</tr>
</table>
</asp:Panel>
I have tried in google I couldn’t get the answer. Please help me in getting the answer.
I have tried in google I couldn't get the answer. Please help me in getting the answer.
推荐答案
Hi,
As per my knowledge, when you fire any event from control inside updatepanel, targeted control should be inside updatepanel.
Do one thing, add pnlEmployee panel inside updatepanel.
Hope fully it will solve your problem. Tell me if it don’t work for you.
Thanks.
Hi,
As per my knowledge, when you fire any event from control inside updatepanel, targeted control should be inside updatepanel.
Do one thing, add pnlEmployee panel inside updatepanel.
Hope fully it will solve your problem. Tell me if it don't work for you.
Thanks.
这篇关于使用ModalpopupExtender弹出网格视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
