实现GridView选择行突出显示的方法

功能为在GridView中可多选，全选/全不选各行，并提交处理

虽然在网上也查到其它方法，但我自己也写了一个，中间借用了他人的一些代码。

为突出重点，未列出完整代码，但相信大家能看明白，有问题的地方欢迎拍砖。 

 //在gridview中加入一模板列，放入checkbox，标题行中的checkAll可实现全选/全不选

            <asp:TemplateField>

                <ItemTemplate>

                    <input id="check" runat="server" type="checkbox" value='<%# Eval("newsid") %>' />

                </ItemTemplate>

                <HeaderTemplate>

                    <input id="checkAll" runat="server" type="checkbox" title="全选" οnclick="javascript:checkAll

(this);" />

                </HeaderTemplate>

                <ItemStyle HorizontalAlign="center" CssClass="gv_cell" />

            </asp:TemplateField>

//以下为javascript代码

<script type="text/javascript" language="javascript">

//若是选择当前行，则高亮显示，否则恢复原来的颜色

function highlightRow(theCheckBox, backColor, foreColor)

{

    var theRow=theCheckBox.parentNode.parentNode;

    if (theCheckBox.checked)

    {

        theRow.style.background='<%=highlightBackColor%>';

        for (var i=0; i<theRow.childNodes.length; i++)

            theRow.childNodes[i].style.color='<%=highlightForeColor%>';

    }

    else

    {

        theRow.style.background=backColor;

        for (var i=0; i<theRow.childNodes.length; i++)

            theRow.childNodes[i].style.color=foreColor;

    }

}

function checkSelect()

{

    elm=document.forms[0].elements;

    for (i=0;i<elm.length;i++)

        if (elm[i].type=="checkbox"&&elm[i].checked)

            return true;

    alert("请选择记录！");

    return false;

}

function checkAll(theBox)

{

    checkState=theBox.checked;

    elm=theBox.form.elements;

    for (i=0;i<elm.length;i++)

        if (elm[i].type=="checkbox"&&elm[i].id!=theBox.id&&elm[i].checked!=checkState)

                elm[i].click();

}

</script>

以上是aspx文件中代码，以下是aspx.cs

//使用checkbox选中行后，高亮显示的背景色和文字颜色常量

    public const string highlightBackColor = "#666699";

    public const string highlightForeColor = "#ffffff";

//用来将Color类型转为网页使用的颜色格式

    string toWebColor(System.Drawing.Color theColor)

    {

        return "#"+Convert.ToString(theColor.R, 16) + Convert.ToString(theColor.G, 16) + Convert.ToString

(theColor.B, 16);

    }

//动态添加checkbox客户端事件，并取得当前行颜色，作为参数加入

    protected void gvNewsList_RowDataBound(object sender, GridViewRowEventArgs e)

    {

        if (e.Row.RowType == DataControlRowType.DataRow)

        {

            HtmlInputCheckBox check = (HtmlInputCheckBox)e.Row.FindControl("check");

            GridView gv = (GridView)sender;

            string backColor,foreColor;

            if (e.Row.RowState == DataControlRowState.Normal)

            {

                backColor = toWebColor(gv.RowStyle.BackColor);

                foreColor = toWebColor(gv.RowStyle.ForeColor);

            }

            else if (e.Row.RowState == DataControlRowState.Alternate)

            {

                backColor = toWebColor(gv.AlternatingRowStyle.BackColor);

                foreColor = toWebColor(gv.AlternatingRowStyle.ForeColor);

            }

            else

                return;

            check.Attributes.Add("onclick", "highlightRow(this,'" + backColor + "','" + foreColor + "')");

        }

    }

//收集选择行的ID，提交到相关处理方法，下面以删除为例

    protected void buttonDelete_Click(object sender, EventArgs e)

    {

        string selectedID = "";

        GridView gv = (GridView)((Button)sender).Parent;

        for (int i = 0; i < gv.Rows.Count; i++)

        {

            GridViewRow row = gv.Rows[i];

            HtmlInputCheckBox check = (HtmlInputCheckBox)row.FindControl("check");

            if (check.Checked)

                selectedID += check.Value + ",";

        }

        if (selectedID.Length > 0)

        {

            deleteRow(selectedID);  //相关的删除方法

            gvDataBind();

        }

    }