如何使用jquery找到DataList控件的clientID的？

问题描述

我有一个ModalPopupExtender控制一个DataList。当我点击DataList控件显示ModalPopupExtender股利。

I have a DataList with a ModalPopupExtender control. When I click the div in datalist show ModalPopupExtender .

<asp:DataList ID="AdsDataList" runat="server" RepeatColumns="4" 
               RepeatDirection="Horizontal">
   <ItemTemplate>
     <div class="Detail_Content" id="detailcontact" runat="server" 
          onclick="return OpenPopup();">
        <label><%# Eval("Name") %></label>
     </div>
     <asp:Panel ID="Panel2" runat="server" Style="display: none;">
         <div class="popup_block" style="width: 550px;left:30%;top:100px">
              <label><%# Eval("FatherCategoryName")                                
         </div>
     </asp:Panel>
        <cc1:ModalPopupExtender runat="server" ID="ModalPopupExtender1" 
             TargetControlID="detailcontact" PopupControlID="Panel2" 
             PopupDragHandleControlID="header" DropShadow="false" 
             RepositionMode="RepositionOnWindowResizeAndScroll" X="400" Y="130" 
             BackgroundCssClass="modalBackground"CancelControlID="btnclose1" />
   </ItemTemplate>
</asp:DataList>

我想，当用户点击的背景下，隐藏ModalPopupExtender。

I want, when user click to background, hide ModalPopupExtender .

我用这个jQuery code。但没有找到ModalPopupExtender。

I use this jquery code. but don't find ModalPopupExtender .

var modalWindow = $("[id*=AdsDataList] [id*=ModalPopupExtender1]");

和

$find('#<%= AdsDataList.FindControl("ModalPopupExtender1").ClientID %>');

但得到的误差

对象引用未设置到对象的实例。

如何使用jQuery找到DataList控件的clientID的？

How to find clientID of Datalist control using jquery?

推荐答案

当你点击DataList的任何模板使用此code

Use this code when you click on any template in datalist

function (e) {

            var ModalPopupExtender1= $(this).closest('tr').find('#<%=ModalPopupExtender1.ClientID %>');
            e.preventDefault();
        });

这篇关于如何使用jquery找到DataList控件的clientID的？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！