带有jquery的gridview asp.net中选定行的标签

Posted 2023-05-08

【中文标题】带有jquery的gridview asp.net中选定行的标签

【英文标题】：label of selected row in gridview asp.net with jquery

【发布时间】：2018-05-29 17:01:29

【问题描述】：

我想用 Jquery 在我的 gridview 中返回文本标签

 <div class="risksContainer">
        <div class="risksGrid">
            <asp:GridView ID="GridViewRisks" runat="server" 
        [...]
        />
                <Columns> 
                    <asp:TemplateField HeaderText="...">
                        <ItemTemplate>
                            <div class="CodeProductColumn">
                                <asp:Label ID="IDRisk" runat="server" CssClass="IDRiskIndex" Text="<%# Item.ID_Risk %>" />
                                <asp:Repeater ID="LabelRepeatCodeProduct" runat="server"
                                [....]
                          </asp:Repeater>
                   </div>
            </ItemTemplate>

我尝试了很多解决方案，但我不知道如何获得所选行的标签文本。 脚本：

function blabla()
 var Id_risk = $(".risksContainer .risksGrid .IDRiskIndex").text();
 alert("Id_risk =" + Id_risk );
 return Id_risk ;

（当我单击行中的编辑按钮时，此功能开始）

我在我的 gridview 中获得了所有行的文本，而不仅仅是我选择的行。 我尝试使用“父母，孩子，首先，选定，行[] ... 我是初学者，我很想找到它

【参考方案1】：

在 javascript 中使用 try：

<script type="text/javascript"> 
  function blabla() 
  
      // find gridview
      var gv = document.getElementById("<%=GridViewRisks.ID %>");

      // get row count
      var gvRowCount = gv.rows.length;
      var i = 1;
      for (i; i<= gvRowCount - 1; i++) 
      
      // get label value from column 2
      alert(gv.rows[i].cells[2].childNodes[1].innerhtml);
      
      return false;
  
</script> 
<asp:Button ID="Button1" runat="server" OnClientClick=" blabla();return false;" ... />

【参考方案2】：

假设您在代码后面使用GridViewRisks.SelectedIndex = i 设置所选行，您可以设置所选行的CSS 类。

<asp:GridView ID="GridViewRisks" runat="server" SelectedRowStyle-CssClass="selectedRow">

现在您可以使用该类在 jQuery 中获取正确的行。

var Id_risk = $(".selectedRow .IDRiskIndex").text();