数据列表中的模态弹出扩展器

Question

我在 datalist 控件中有以下代码

  <a  id="lnkCart" runat="server" onclick="lnkCart_Click" title='<%#DataBinder.Eval(Container.DataItem,"BookId")%>'>
         <img src="images/cart.gif" id='<%#DataBinder.Eval(Container.DataItem,"BookId")%>'
               alt="" title="" border="0" class="left_bt" />

       </a>

现在我希望在单击上述链接时显示模式弹出窗口，但此模式弹出窗口应根据我可以从“a”链接的标题中获得的图书 ID 从数据库加载信息.因此，我需要在服务器端获取 BookId，并且必须在面板中加载需要更新的内容。使用模态弹窗扩展器可以轻松吗？

我该怎么做。

Answer 1

是的，您必须通过获取 bookid 来放置面板并从 datalist 的“ItemDataBound”属性填充此面板。见下面代码

 protected void dlalbumlist_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
        {


            if (e.Item.ItemType == ListItemType.Item ||
                     e.Item.ItemType == ListItemType.AlternatingItem)
            {
// Code to fill panel from bookid using findcontrol get hyperlink 
            }

        }

    <ajaxToolkit:ModalPopupExtender ID="mdl" runat="server" PopupControlID="pnl" TargetControlID="lnkCart" CancelControlID="btn" BackgroundCssClass="modalBackground" ></ajaxToolkit:ModalPopupExtender>    
    <asp:Panel ID="pnl" runat="server" style="display:none;" Width="300px" Height="300px"   BackColor="red">
    <asp:Button ID="btn" runat="server" Text="cancel" />