在弹出的asp.net中显示datalist的结果

Question

我有一个运行良好且数据显示在页面中的Datalist，但我希望当用户点击按钮时，datalist的结果会显示在弹出的java脚本中。这是我的代码：

<asp:DataList ID="DataList1" runat="server" >
    <ItemTemplate>
<table class="auto-style1">
    <tr>
        <td class="auto-style2" rowspan="3"><asp:Image ID="imgEmp" runat="server" Width="250px" Height="150px" ImageUrl='<%# Bind("ImagesC", "{0}") %>' style="padding-left:40px"/></td>
        <td colspan="5">
            <b><u><%# Eval("NameC") %></td></u></b>
    </tr>
    <tr>
        <td>Ti</td>
        <td>GB</td>
        <td>Gh</td>
        <td>Eimeni</td>
        <td>rotbe</td>
    </tr>
    <tr>
        <td><%# Eval("Ti")%></td>
        <td><%# Eval("GB")%></td>
        <td><%# Eval("Gh")%></td>
    </tr>
</table>
         </ItemTemplate>

我没有把代码放在代码后面，因为有很多代码，但是如果有必要，请让我知道也把它们放在一边。谢谢你的帮助

Answer 1

这是一般的想法如何做到这一点。

<asp:ScriptManager runat="server" ID="sm" /><%--required by UpdatePanel --%>
<asp:UpdatePanel runat="server" ID="upPopup" UpdateMode="Conditional">
//update
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnPopup" EventName="Click" />
    </Triggers>
//end update
    <ContentTemplate>
       <%-- Use proper CSS to display it as a popup --%>
       <asp:Panel ID="pnlPopup" CssClass="my-popup" runat="server" Visible="false">
          <asp:DataList ID="dlPop" runat="server">
          </asp:DataList>
       </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>

<asp:Button ID="btnPopup" runat="server" Text="Show Popup" OnClick="btnPopup_Click" />

//.cs
protected void btnPopup_Click(object sender, EventArgs e){
    //BindDataList();
    pnlPopup.Visible = true;
    upPopup.Update();
}

UpdatePanel使用AJAX请求，因此不需要额外的JS。