使用Jquery在嵌套在ListView中的ListView中找到超链接

Question

我需要一个像https://stackoverflow.com/a/7368719/1203098这样的解决方案，其中我需要选择的链接位于一个ListView中，该ListView在另一个ListView中按分组。

我一直收到的错误是“ Object reference not set to an instance of an object ”

<asp:ListView ID="lstViewSharedFolder" runat="server" OnItemDataBound="lstViewSharedFolder_ItemDataBound">
    <ItemTemplate>
        <tr class="alert-info">
            <td><strong>Folder ID</strong>:
                <%# Eval( "FolderID") %>
            </td>
            <td><strong>Folder Name</strong>:
                <%# Eval( "SharedFolderName") %>
            </td>
            <td><strong>Security Score</strong>:
                <%# Eval( "Score") %>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <asp:ListView ID="lstViewUsers" runat="server" OnItemDataBound="lstViewUsers_ItemDataBound">
                    <ItemTemplate>
                        <tr>
                            <td>
                                <asp:HyperLink ID="lnkUsername" runat="server">
                                    <%# Eval( "UserName") %>
                                </asp:HyperLink>
                            </td>
                            <td>
                                <%# Eval( "ReadOnly") %>
                            </td>
                            <td>
                                <%# Eval( "Give") %>
                            </td>
                            <td>
                                <%# Eval( "CanAdminister") %>
                            </td>
                            <td>
                                <%# Eval( "GroupName") ?? "n/a" %>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:ListView>
            </td>
        </tr>
    </ItemTemplate>
</asp:ListView>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#<%= ((HyperLink)((ListView)lstViewSharedFolder.FindControl("lstViewUsers")).FindControl("lnkUsername")).ClientID %>').click(function() {
            var id = $(this).attr("id"); // Get the ID
            alert(id);
            console.log(id);
        });
    });
</script>

编辑我想我知道为什么。 当绑定SharedFolder项时，我正在绑定Users ListView控件，因此该控件可能还不存在。 有没有更好，更有效的方法来做到这一点？ 我的目标是在单击链接时显示一个弹出窗口，其中包含用户详细信息。

var folderList = $('#<%= lstViewSharedFolder.ClientID %>');
<!-- This causes the error -->
var userList = $('#<%= ((ListView)lstViewSharedFolder.FindControl("lstViewUsers")).ClientID %>');

这是我的lstViewSharedFolder_ItemDataBound（）。

protected void lstViewSharedFolder_ItemDataBound(object sender, ListViewItemEventArgs e)
        {
            ListViewDataItem dataItem = (ListViewDataItem)e.Item;

            if (e.Item.ItemType == ListViewItemType.DataItem)
            {
                var folder = (SharedFolder)dataItem.DataItem;
                var users = folder.Users;

                var lstView = (ListView)e.Item.FindControl("lstViewUsers");
                lstView.DataSource = users;
                lstView.DataBind();
            }
        }

Answer 1

无需在这里使事情复杂化。 只需给LinkBut​​ton一个CssClass。

<asp:HyperLink ID="lnkUsername" runat="server" CssClass="my_link">
    <%# Eval( "UserName") %>
</asp:HyperLink>

并称它为

var userList = $('.my_link');