Question

我有以下内容：带有几行的转发器。每行以linkbutton开头，我可以使用它来导航到另一个页面。我现在要做的是，我可以使用链接按钮的相同点击功能单击整行。这是我的中继器：

    <table>
    <tr>
    <td>
<asp:Repeater ID="rptTasks" runat="server" onitemcommand="rptTasks_ItemCommand" 
    onitemdatabound="rptTasks_ItemDataBound" onitemcreated="rptTasks_ItemCreated">
<HeaderTemplate>
<table>
<tr>
<td colspan="8"></td>
<td colspan="2"> </td>
</tr>
</HeaderTemplate>
<ItemTemplate>

<tr style="cursor: pointer" onclick="Select(this);">
<td>
<asp:LinkButton ID="SelectRow" runat="server" CommandName="SelectRow" Text="Test" />
<asp:HyperLink ID="LnkTaskID1" runat="server"  CommandName="SelectRow" Text='<%# Eval("TaskID") %>' Font-Underline="True" /></td>
<td><asp:Label ID="StatusLabel1" runat="server" Text='<%# LocalizeStatusBinding(Eval("Status", "{0}")) %>' /></td>

</tr>

</ItemTemplate>
<AlternatingItemTemplate>
<tr style="cursor: pointer" onclick="Select(this);">
<td>
<asp:LinkButton ID="SelectRow" runat="server" CommandName="SelectRow" Text="Test" />
<asp:HyperLink ID="LnkTaskID1" runat="server"  CommandName="SelectRow" Text='<%# Eval("TaskID") %>' Font-Underline="True" /></td>
<td><asp:Label ID="StatusLabel1" runat="server" Text='<%# LocalizeStatusBinding(Eval("Status", "{0}")) %>' /></td>

</tr>

</table>
</AlternatingItemTemplate>
<FooterTemplate>
<tr>
<td colspan="5" align="left">
                    <asp:Label ID="lblCurrentPage" 
    runat="server"></asp:Label>
                </td>
                <td colspan="5" align="right">
                    <asp:HyperLink ID="lnkPrev" runat="server" Text="<< Prev"></asp:HyperLink>
                    <asp:HyperLink ID="lnkNext" runat="server" Text="Next>>"></asp:HyperLink>
                </td>
</tr>
</table>
</FooterTemplate>
</asp:Repeater>
 </td>
 </tr>
 </table>

我还使用了javascript来获取所选行：

    <script type="text/javascript" >
function Select(obj) 
{ 
    obj.className = 'selected'; 
    var tbl = document.getElementById("table1") 
    var firstRow = tbl.getElementsByTagName("TR")[0]; 
    var oldRow = tbl.rows[firstRow.getElementsByTagName("input")[0].value];
    if (oldRow != null) 
    { 
        oldRow.className = ''; 
    } 
    firstRow.getElementsByTagName("input")[0].value = obj.rowIndex; 
}
    </script>

    <script type="text/C#" >
    onclick="this.getElementsByTagName('input')[0].clicked=true;
    </script>

当我给第二个表标签一个id =“table1”时，我得到jscript错误，oldRow unknown

有人知道这个问题的解决方案吗？为清楚起见：我想点击一行然后导航就像我点击每行的第一个链接按钮一样。

提前谢谢。

Answer 1

    $(function () {
        SetNaigationToSearchList();
    }
  );

    function SetNaigationToSearchList() {
        $("tr td")
        .css("cursor", "pointer")//set the pointer cursor for table row
        .click(function () {

            $row = $(this).parent();               
            var ID = $("td", $row).eq(0).text();//Get the 0 th col value of the cliked index... 
           alert('clicked');
            }

        });
    }

在Repeater中可选择整行

1 个答案: