DataGrid实现多选(javascript)

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

namespace NewsSystem.Admin
...{
    /**//// <summary>
    /// NewsManage 的摘要说明。
    /// </summary>
    public class NewsManage : System.Web.UI.Page
    ...{
        protected System.Web.UI.WebControls.Button btnDelete;
        protected System.Web.UI.WebControls.DropDownList ddlNewsType;
        protected System.Web.UI.WebControls.DataGrid DataGrid1;
    
        private void Page_Load(object sender, System.EventArgs e)
        ...{
            this.btnDelete.Attributes.Add("onclick", "return confirmDelete (this.form);");

            if(!IsPostBack)
            ...{
                NewsTypeBind();
                NewsBind();
            }
        }

        private void NewsBind()
        ...{
            BBL.News bbl=new BBL.News ();
            DataGrid1.DataSource=bbl.SelectNews();
            DataGrid1.DataBind();
        }

        private void NewsTypeBind()
        ...{
            BBL.NewsType bbl=new BBL.NewsType ();
            this.ddlNewsType.DataTextField="NVC_NewTypeName";
            this.ddlNewsType.DataValueField="INT_NewTypeID";
            this.ddlNewsType.DataSource=bbl.GetNewsType();
            this.ddlNewsType.DataBind();
            
        }


        Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        ...{
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        ...{    
            this.DataGrid1.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);
            this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
            this.btnDelete.Click += new System.EventHandler(this.btnDelete_Click);
            this.ddlNewsType.SelectedIndexChanged += new System.EventHandler(this.ddlNewsType_SelectedIndexChanged);
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion

        private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        ...{
            if(e.Item.ItemType == ListItemType.Header)
            ...{
                CheckBox chk = (CheckBox)e.Item.FindControl("chkAll");
                chk.Attributes.Add("onclick","javascript:return SelectAll(this.checked,this.id)");
            }
            else if(e.Item.ItemType == ListItemType.Item)
            ...{
                CheckBox chk = (CheckBox)e.Item.FindControl("chkDelete");
                chk.Attributes.Add("onclick","javascript:return SelectAll(this.checked,this.id)");
            }
            if(e.Item .ItemType==ListItemType.Item ||e.Item .ItemType==ListItemType.AlternatingItem )
            ...{
                e.Item .Attributes .Add ("onmouseover","c=this.style.backgroundColor;this.style.backgroundColor='#ffffff'");
                e.Item .Attributes .Add ("onmouseout","this.style.backgroundColor=c");
            }
        }

        private void ddlNewsType_SelectedIndexChanged(object sender, System.EventArgs e)
        ...{
            int newsTypeID=Convert.ToInt32(ddlNewsType.SelectedItem.Value);
            BBL.News bbl=new BBL.News ();
            DataSet ds=bbl.GetTypeNews(newsTypeID);
            this.DataGrid1.DataSource=ds;
            this.DataGrid1.DataBind();
            
        }

        private void btnDelete_Click(object sender, System.EventArgs e)
        ...{
            System.Web.UI.WebControls.CheckBox chkExport;
            System.Collections.ArrayList oExArgs =new System.Collections.ArrayList();   
            string newsID;   
            string newsIDList="";
            
               
            foreach(DataGridItem oDataGridItem in DataGrid1.Items)   
            ...{
                chkExport =(CheckBox)oDataGridItem.FindControl("chkDelete"); 
                if(chkExport.Checked)   
                ...{ 
                    newsID=((HtmlInputHidden)oDataGridItem.FindControl("SelectedID")).Value;
                    oExArgs.Add(newsID);
                }
            }
            for(int i =0;i<oExArgs.Count;i++)   
            ...{   
                newsIDList +=oExArgs[i] + ",";
            }
            newsIDList=newsIDList.Remove(newsIDList.Length-1,1);
            BBL.News bbl=new BBL.News ();
            bbl.DeleteNews(newsIDList);
            NewsBind();
            //    Response.Write (newsIDList);
        }

        private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
        ...{
            this.DataGrid1 .CurrentPageIndex=e.NewPageIndex ;
            NewsBind();
        }



    }
}

 

function SelectAll (chkVal, idVal) { 
       var thisfrm = document.forms[0];
           // 查找Forms里面所有的元素
           for (i=0; i<thisfrm.length; i++) {
              // 查找模板头中的CheckBox
              if (idVal.indexOf ('chkAll') != -1) {
                  if(chkVal == true) {
                     thisfrm.elements[i].checked = true;
                  } 
                  else {
                      thisfrm.elements[i].checked = false;
                  }
               } // if
               // 如果除题头以外的项没有全选上则取消题头的选择
              else if (idVal.indexOf ('chkDelete') != -1) {
                  if(thisfrm.elements[i].checked == false) {
                     thisfrm.elements[1].checked = false; 
                  }
               }
           } // for
        }
           
       // 删除判断
function confirmDelete (thisfrm) { 
           for (i=0; i<thisfrm.length; i++) {
              if (thisfrm.elements[i].name.indexOf('chkDelete') !=-1) {
                  if(thisfrm.elements[i].checked) {
                     return confirm ('你是否想要删除选择的记录?')
                  }
              }
            }
}

 

<%...@ Page language="c#" Codebehind="NewsManage.aspx.cs" AutoEventWireup="false" Inherits="NewsSystem.Admin.NewsManage" responseEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <title>NewsManage</title>
        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
        <meta content="C#" name="CODE_LANGUAGE">
        <meta content="JavaScript" name="vs_defaultClientScript">
        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
        <script language="javascript" src="/NewsSystem/js/admin/gd.js" type="text/Jscript"></script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <FONT face="宋体">
                <asp:DataGrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 128px; POSITION: absolute; TOP: 48px"
                    runat="server" AutoGenerateColumns="False" AllowPaging="True" PageSize="20">
                    <ItemStyle BackColor="WhiteSmoke"></ItemStyle>
                    <HeaderStyle BackColor="#C0C0FF"></HeaderStyle>
                    <Columns>
                        <asp:BoundColumn DataField="INT_NewID" HeaderText="新闻编号"></asp:BoundColumn>
                        <asp:HyperLinkColumn DataNavigateUrlField="INT_NewID" DataNavigateUrlFormatString="NewsView.aspx?NewsID={0}"
                            DataTextField="NVC_NewTitle" HeaderText="新闻标题"></asp:HyperLinkColumn>
                        <asp:BoundColumn DataField="NVC_NewTypeName" HeaderText="所属类别"></asp:BoundColumn>
                        <asp:BoundColumn DataField="NVC_AddUser" HeaderText="添加人"></asp:BoundColumn>
                        <asp:BoundColumn DataField="DAT_AddDateTime" HeaderText="发布时间"></asp:BoundColumn>
                        <asp:HyperLinkColumn Text="评论" DataNavigateUrlField="INT_NewID" DataNavigateUrlFormatString="remark.aspx?INT_NewID={0}"
                            HeaderText="评论"></asp:HyperLinkColumn>
                        <asp:BoundColumn DataField="CHR_ISAuditing" HeaderText="是否审核"></asp:BoundColumn>
                        <asp:TemplateColumn>
                            <HeaderTemplate>
                                <asp:CheckBox id="chkAll" runat="server"></asp:CheckBox>
                            </HeaderTemplate>
                            <ItemTemplate>
                                <INPUT id=SelectedID type=hidden value='<%#   DataBinder.Eval(Container.DataItem,"INT_NewID")%>' name=SelectedID runat="server">
                                <asp:CheckBox id="chkDelete" runat="server"></asp:CheckBox>
                            </ItemTemplate>
                        </asp:TemplateColumn>
                    </Columns>
                    <PagerStyle NextPageText="下一页" PrevPageText="上一页" BackColor="White"></PagerStyle>
                </asp:DataGrid>
                <asp:Button id="btnDelete" style="Z-INDEX: 102; LEFT: 312px; POSITION: absolute; TOP: 344px"
                    runat="server" Text="删除"></asp:Button>
                <asp:DropDownList id="ddlNewsType" style="Z-INDEX: 103; LEFT: 128px; POSITION: absolute; TOP: 16px"
                    runat="server" Width="80px" AutoPostBack="True">
                    <asp:ListItem Value="全部">全部</asp:ListItem>
                </asp:DropDownList></FONT></form>
    </body>
</HTML>