少年风华正茂 2014-08-12 13:13
浏览 1500

js按行操作gridview,gridview中有若干行数据

点击btn实现行变色,开始全无色,点击一次第一行变色,第二次点击第二行变色
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jsgrid.aspx.cs" Inherits="tryeccel.jsgrid" %>

<!DOCTYPE html>



无标题页

<br> $(document).ready(function () {</p> <pre><code> function setStatus(status) { var row = 0; var AllRows = document.getElementById(GridViewId).getElementsByTagName(&quot;tr&quot;); AllRows[row].style.background = System.Drawing.Color.Lime; $(&quot;button#btn1&quot;).click(function () { // $(&quot;input[type=radio]&quot;).attr(&#39;checked&#39;, false); // $(&quot;#Radio1&quot;).attr(&#39;checked&#39;, true); // $(&quot;#RadioButton1&quot;).attr(&#39;checked&#39;, true); $(&quot;#GridView1&quot;).eq(row).find(&#39;input&#39;).eq(status).attr(&#39;checked&#39;, true); row = row + 1; }) $(&quot;button#btn2&quot;).click(function () { AllRows[row].style.background = System.Drawing.Color.Lime; row = row + 1; }) } }) </code></pre> <p>


    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Width="273px" DataKeyNames="Sno">
        <Columns>
            <asp:BoundField DataField="Sno" HeaderText="Sno" SortExpression="Sno" ReadOnly="True" />
            <asp:BoundField DataField="Sname" HeaderText="Sname" SortExpression="Sname" />
            <asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex" />
            <asp:BoundField DataField="Classno" HeaderText="Classno" SortExpression="Classno" />
            <asp:TemplateField HeaderText="单选">
                     <ItemTemplate>
                          <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("Sno")%>' />
                     </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CheckSysConnectionString %>" SelectCommand="SELECT [Sno], [Sname], [Sex], [Classno] FROM [Students]"></asp:SqlDataSource>
    <button id="btn1"type="button" >选择</button>
    <button id="btn2"type="button" >变色</button>
</form>


  • 写回答

0条回答

    报告相同问题?

    悬赏问题

    • ¥15 matlab图像高斯低通滤波
    • ¥15 针对曲面部件的制孔路径规划,大家有什么思路吗
    • ¥15 钢筋实图交点识别,机器视觉代码
    • ¥15 如何在Linux系统中,但是在window系统上idea里面可以正常运行?(相关搜索:jar包)
    • ¥50 400g qsfp 光模块iphy方案
    • ¥15 两块ADC0804用proteus仿真时,出现异常
    • ¥15 关于风控系统,如何去选择
    • ¥15 这款软件是什么?需要能满足我的需求
    • ¥15 SpringSecurityOauth2登陆前后request不一致
    • ¥15 禅道二次开发编辑版本,上传不了发行包