引用一个GridView这就是内一个LinkBut​​ton一个AJAX标签内

Question

在我的主页，我有大约10格坐Ajax选项卡等内部

特别

一个格有一个名为“归档”的链接按钮，用户点击这个时我需要用文本框显示一个单独的div，用户必须输入一个理由来解释为什么他们不会选择所需的信息，但是我的问题是如何获取需要实现的行的名称和电子邮件使用jquery，我想要得到这个信息存储在隐藏的领域，然后参考代码隐藏领域等

我试图使用asp：ModalPopUp扩展，但由于这个网格放置在一个ajax选项卡内，莫代尔弹出式扩展程序抱怨说，它可以看到控制链接按钮，所以四决定用户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; 
      }); 

     }); 

㈣给出的链接按钮的类名.ClickMe用于测试目的以及Full Name具有类.Username和Email作为类。电子邮件

Answer 1

您需要的是一种名为closest()的jquery方法，该方法通过从元素本身搜索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; 
     }); 

    });