【问题标题】:Find gridview linkbutton value jquery查找gridview链接按钮值jquery
【发布时间】:2012-01-24 05:06:02
【问题描述】:

我的 gridview 有几列。第 1 列是 ID 这是一个 linkbutton 字段,第 2 列是 CustName 这也是一个 linkbutton 字段,第 3 列是地址,这是一个普通的单元格文本。这里我有一个问题。当我单击 Jquery 的 ID 按钮时,如何获取第 2 列的值?

这是我的编码

   $("a.ID").click(function (e) {
            var row = $(this).parents("tr:first");
        var Desc= row.children("td:eq(2)").text();
            var test = row.children("td:eq(1) a").text();???Here error
            alert(test);

        });

单击特定的选定行时,我可以获得第 3 列的值。

【问题讨论】:

    标签: c# jquery asp.net gridview linkbutton


    【解决方案1】:

    这是一个示例解决方案http://jsfiddle.net/3hsvQ/

    $('.idColumn').click(function (event) {
        var cell = $(event.currentTarget),
            row = cell.parent().parent(),
            nameCell = row.children()[1];
        alert(nameCell.innerText);      
    });
    

    对于这个 html:

    <table id="dataTable">
        <tr>
            <td><a href="javascript:void(0)" class="idColumn">1</a></td>
            <td><a href="javascript:void(0)" class="nameColumn">Foo</a></td>
        </tr>
        <tr>
            <td><a href="javascript:void(0)" class="idColumn">2</a></td>
            <td><a href="javascript:void(0)" class="nameColumn">Bar</a></td>
        </tr>
        <tr>
            <td><a href="javascript:void(0)" class="idColumn">3</a></td>
            <td><a href="javascript:void(0)" class="nameColumn">FooBar</a></td>
        </tr>
    </table>
    

    【讨论】:

    • 您可以将代码添加到答案中,以便它实际上是一个答案吗?
    【解决方案2】:

    我完全不知道为什么这不起作用,但请尝试将其分开:

    row.children("td:eq(1)").find('a').text();
    

    【讨论】:

      【解决方案3】:

      首先你可以在 JavaScript 部分声明函数如下。

      function GetValue(va)
      {
        var CustName = $(va).closest('tr').find('td').eq(1).text();
      }
      

      在您可以从按钮的OnClientClick 属性调用函数之后。所以声明如下。

      <asp:LinkButton ID="btnDetails" runat="server" Text="<img src='../img/Details.png'>" CausesValidation="false" OnClientClick="GetValue(this);"></asp:LinkButton>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-01-11
        • 1970-01-01
        • 2013-05-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多