0

在我的主页上，我有大约 10 个网格位于 ajax 选项卡等内

当用户单击它时，一个网格特别有一个名为“存档”的链接按钮这我如何获取需要使用 Jquery 归档的行的名称和电子邮件，我想将此信息存储在隐藏字段中，然后从后面的代码中引用隐藏字段等。

我尝试使用 asp:ModalPopUp 扩展器，但是由于此网格放置在 ajax 选项卡内，模式弹出扩展器抱怨它可以看到控制链接按钮，所以 iv 决定使用 Jquery 来获取两个字段名称和编号可以有人帮我实现这一目标吗？

下面是按下链接按钮时我需要获取姓名和电子邮件地址的一个网格

 <asp:HiddenField ID="hdnUserFullName" runat="server"/>
    <asp:HiddenField ID="hdnUserEmail" runat="server" />

     <div id="MainContent_TabControl_body" class="ajax__tab_body" style="height: 100%;
                    display: block;">
                    <div id="MainContent_TabControl_tb2" id="MainContent_TabControl_tb2" class="ajax__tab_panel">
                        <div>
                            <table cellspacing="0" class="tablesorter" id="MainContent_TabControl_tb2_GrdViewUsers"
                                style="border-collapse: collapse;">
                                <thead>
                                    <tr>
                                        <th scope="col">
                                            &nbsp;
                                        </th>
                                        <th scope="col">
                                            Full Name
                                        </th>
                                        <th scope="col">
                                            Email
                                        </th>
                                        <th scope="col">
                                            Exam Taken
                                        </th>
                                        <th scope="col">
                                            Date Taken
                                        </th>
                                        <th scope="col">
                                            Exam Total
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a id="MainContent_TabControl_tb2_GrdViewUsers_Edit_0" href="javascript:__doPostBack(&#39;ctl00$MainContent$TabControl$tb2$GrdViewUsers$ctl02$Edit&#39;,&#39;&#39;)">
                                                Archieve</a>
                                        </td>
                                        <td>
                                            <a id="MainContent_TabControl_tb2_GrdViewUsers_HyperFullName_0" href="/Authentication/ExamPaper.aspx?uid=1">
                                                Scott Atkinson</a>
                                        </td>
                                        <td>
                                            <span id="MainContent_TabControl_tb2_GrdViewUsers_lblEmail_0">Scott.test@hotmail.co.uk</span>
                                        </td>
                                        <td>
                                            <span id="MainContent_TabControl_tb2_GrdViewUsers_lblExamTaken_0">True</span>
                                        </td>
                                        <td>
                                            <span id="MainContent_TabControl_tb2_GrdViewUsers_lblDateTaken_0">30-06-2012</span>
                                        </td>
                                        <td>
                                            <span id="MainContent_TabControl_tb2_GrdViewUsers_lblExamTotal_0">0</span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

这是我的 Jquery 到目前为止，我在其中放了一个警报，以确保它击中脚本并且它是.....

$(document).ready(function () {

    $('#MainContent_TabControl_tb2_GrdViewUsers_Edit_0').click(function () {
        alert('hello');
        $('#dvArchive').show();
        $('#MainContent_hdnUserFullName').val() == 'Value of the grid view column';
        $('#MainContent_hdnUserEmail').val() == 'Email Value from the column';
    });

});

只需要一些帮助来引用全名列和电子邮件列，以使用需要存档的行的值填充隐藏字段.....

更新这是我修改后的 Jquery

任何帮助，将不胜感激....... 

 $(document).ready(function () {
            $('.ClickMe').click(function () {
                var tr = $(this);
                var UserName;
                var Email;
                UserName == tr.find('.UserName').text();
                Email == tr.find('Email').text();

                $('#MainContent_hdnUserFullName').val() == UserName;
                $('#MainContent_hdnUserEmail').val() == Email;

                return false;
            });

        });

Iv 为链接按钮提供类名 .ClickMe 用于测试目的以及 Full Name 具有类 .Username 和 Email 作为类 .Email

4

1 回答 1

1

您需要的是一个名为的 jquery 方法closest()，该方法从元素本身向上搜索 DOM 以找到匹配给定条件的父级。

在您的情况下，您需要找到tr单击的链接所在的网格行 ( )。然后从该行中提取您的名字等。

你还有两个错误：

  1. 要为变量赋值，您需要使用=而不是==.
  2. 要在 jquery 中为控件分配值，您需要说.val(value)而不是.val() == value.

换句话说：

$(document).ready(function () {
        $('.Archive-Button').click(function () {
            var tr = $(this).closest("tr");
            var UserName = tr.find('.UserName').text();
            var Email = tr.find('.Email').text();

            $('#MainContent_hdnUserFullName').val(UserName);
            $('#MainContent_hdnUserEmail').val(Email);

            return false;
        });

    });
于 2012-07-01T12:02:23.880 回答