首頁 > 其他

DataGrid中跨頁面選擇功能

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
跨頁面實現多選
作者：孟憲會 發表於：2004-10-03 15:33:40
本文介紹如何在ASP.NET中實現多頁面選擇的問題。其具體思路很簡單：用隱藏的INPUT記住每次選擇的項目，在進行資料繫結時，檢查儲存的值，再在DataGrid中進行選中顯示。下面時完整的代碼和例子： 查看例子 SelectMultiPages.aspx <%@ Page EnableViewState="true" CodeBehind="SelectMultiPages.aspx.cs" Language="c#"
AutoEventWireup="false" Inherits="eMeng.Exam.SelectMultiPages" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>跨頁面實現多選</title>
<META http-equiv="content-type" content="text/html; charset=gb2312">
<style>
* {FONT-SIZE:12PX}
#Status {text-align:left}
</style>
<script language="JAVASCRIPT">
function AddRemoveValues(oChk) {
//在處理這個地方需要注意的是：你儲存的值應該具有唯一性，這樣才能不會替換錯誤的項。
if(oChk.checked)
SelectMultiPage.HdnSelectedValues.value += "," + oChk.value;
else
SelectMultiPage.HdnSelectedValues.value = SelectMultiPage.HdnSelectedValues.value.replace("," + oChk.value,"");
}
</script>
</HEAD>
<BODY>
<form id="SelectMultiPage" runat="server">
<asp:datagrid id="DataGrid1" HorizontalAlign="Center" AutoGenerateColumns="False" Width="600px"
  AllowPaging="True" runat="server">
 <AlternatingItemStyle BackColor="#EEEEEE"></AlternatingItemStyle>
 <HeaderStyle BackColor="#AAAADD" Font-Bold="True" HorizontalAlign="Center"></HeaderStyle>
 <PagerStyle HorizontalAlign="Right" Mode="NumericPages" Visible="True"></PagerStyle>
 <Columns>
  <asp:TemplateColumn HeaderText="選擇">
   <ItemTemplate>
    <input type="checkbox" runat="server" id="chkSelect" onclick="AddRemoveValues(this)"
     value='<%#DataBinder.Eval(Container.DataItem,"Title")%>'/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="文章標題">
   <ItemTemplate>
    <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>' runat="server" ID="TitleShow"/>
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:TemplateColumn HeaderText="發布時間">
   <ItemTemplate>
    <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, "CreateDate").ToString() %>' runat="server"/>
   </ItemTemplate>
  </asp:TemplateColumn>
 </Columns>
</asp:datagrid>
<div align=center>
<asp:button id="Button1" runat="server" Text="得到所選的值"></asp:button>
<div id="Status">
<asp:label id="Label1" runat="server"></asp:label>
</div>
<INPUT id="HdnSelectedValues" type="hidden" name="HdnSelectedValues" runat="server">
</div>
</form>
</BODY>
</HTML>
SelectMultiPages.aspx.cs using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Data.OleDb;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls; namespace eMeng.Exam
{
/// <summary>
/// SelectMultiPages 的摘要說明。
/// </summary>
public class SelectMultiPages : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.HtmlControls.HtmlInputHidden HdnSelectedValues;
protected System.Web.UI.WebControls.DataGrid DataGrid1; private void Page_Load(object sender, System.EventArgs e)
{
 // 在此處放置使用者代碼以初始化頁面
 if(!Page.IsPostBack)
 BindData();
}
private void DataGrid1_PageIndexChanged(object source, DataGridPageChangedEventArgs e)
{
 DataGrid1.CurrentPageIndex = e.NewPageIndex;
 BindData();
} void BindData()
{
 OleDbConnection cn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source="
  + HttpContext.Current.Server.MapPath("aspx.mdb"));
 OleDbDataAdapter da = new OleDbDataAdapter("Select Title, CreateDate from Document",cn);
 DataSet ds = new DataSet();
 da.Fill(ds);
 DataGrid1.DataSource= ds;
 DataGrid1.DataBind();
} private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
 //重新顯示所選擇的項目
 if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
 {
  if(HdnSelectedValues.Value.IndexOf(((Literal)e.Item.Cells[1].FindControl("TitleShow")).Text) >= 0 )
  {
   HtmlInputCheckBox ChkSelected = (HtmlInputCheckBox)(e.Item.Cells[0].FindControl("ChkSelect"));
   ChkSelected.Checked = true;
  }
 }
}
private void Button1_Click(object sender, System.EventArgs e)
{
 //為了顯示的方便進行替換的
 Label1.Text = HdnSelectedValues.Value.Replace(",","<li>");
} #region Web Form設計器產生的程式碼
override protected void OnInit(EventArgs e)
{
 //
 // CODEGEN: 該調用是 ASP.NET Web Form設計器所必需的。
 //
 InitializeComponent();
 base.OnInit(e);
} /// <summary>
/// 設計器支援所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容。
/// </summary>
private void InitializeComponent()
{   
 this.DataGrid1.ItemDataBound +=
  new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
 this.DataGrid1.PageIndexChanged +=
  new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);
 this.Button1.Click += new System.EventHandler(this.Button1_Click);
 this.Load += new System.EventHandler(this.Page_Load); }
#endregion  }
}

利用checkbox實現全選功能，刪除，顯示功能

C# 版本

CheckBoxDataGrid.aspx

<%@ Page language="c#" enableViewState = "true" Codebehind="DataGridCheckBox.aspx.cs"
AutoEventWireup="false" Inherits="eMeng.Exam.DataGridCheckBox.DataGridCheckBox" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>為DataGrid添加CheckBox控制項的例子</title>
</HEAD>
<body>
<form id="frmMain" method="post" runat="server">
<asp:DataGrid id="dgMain" runat="server" Width="98%" AutoGenerateColumns="False" Font-Size="9pt" Font-Names="宋體">
 <AlternatingItemStyle ForeColor="ControlText" BackColor="White" />
 <ItemStyle ForeColor="ControlText" BackColor="WhiteSmoke" />
 <HeaderStyle Font-Bold="True" HorizontalAlign="Center" ForeColor="Black" VerticalAlign="Middle"
  BackColor="Control"></HeaderStyle>
 <Columns>
  <asp:TemplateColumn HeaderText="操作">
   <HeaderStyle HorizontalAlign="Center" Width="50px"></HeaderStyle>
   <ItemTemplate>
    <input type="hidden" id="SelectedID" runat="server"
    value='<%# DataBinder.Eval(Container.DataItem, "id")%>'/>
    <asp:CheckBox ID="chkExport" Runat="server" />
   </ItemTemplate>
  </asp:TemplateColumn>
  <asp:BoundColumn DataField="id" ReadOnly="True" HeaderText="序號">
   <HeaderStyle Width="50px"></HeaderStyle>
  </asp:BoundColumn>
  <asp:TemplateColumn SortExpression="demo" HeaderText="標題">
   <ItemTemplate>
    <asp:Label Text='<%# Server.HtmlEncode((string)DataBinder.Eval(Container.DataItem, "Title"))%>'
     runat="server" Width="80%" ID="lblColumn" />
   </ItemTemplate>
  </asp:TemplateColumn>
 </Columns>
</asp:DataGrid>
<asp:Button id="cmdSelectAll" runat="server" Text="全部選中"></asp:Button>
<asp:Button id="cmdFindSelected" runat="server" Text="查看選中的項目"></asp:Button>
<br>
<asp:Label id="Label1" runat="server"></asp:Label>
<hr>
<asp:Label id="Label2" runat="server"></asp:Label>
</form>
</body>
</HTML>
DataGridCheckBox.aspx.cs

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

namespace eMeng.Exam.DataGridCheckBox
{
 /// <summary>
 /// DataGridCheckBox 的摘要說明。
 /// 【孟憲會之精彩世界】
 /// </summary>
 public class DataGridCheckBox : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Button cmdSelectAll;
  protected System.Web.UI.WebControls.Button cmdFindSelected;
  protected System.Web.UI.WebControls.DataGrid dgMain;
  protected System.Web.UI.WebControls.Label Label1;
  protected System.Web.UI.WebControls.Label Label2;
  DataView oDataView;
  string sConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="
  + HttpContext.Current.Server.MapPath("../../aspxWeb.mdb.ascx");
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此處放置使用者代碼以初始化頁面
   dgMain.Columns[0].HeaderText = "選項";
   dgMain.Columns[1].HeaderText = "序號";
   dgMain.Columns[2].HeaderText = "標題";
   cmdFindSelected.Text = "查看選中的項目";
   RefreshGrid();
   if( !this.IsPostBack)
   {
    cmdSelectAll.Text = "全部選中";
    dgMain.DataBind();
   }
  }
 #region Web Form Designer generated code
 override protected void OnInit(EventArgs e)
 {
  //
  // CODEGEN：該調用是 ASP.NET Web Form設計器所必需的。
  //
  InitializeComponent();
  base.OnInit(e);
 }

 /// <summary>
 /// 設計器支援所需的方法 - 不要使用代碼編輯器修改
 /// 此方法的內容。
 /// </summary>
 private void InitializeComponent()
 {   
  this.cmdSelectAll.Click += new System.EventHandler(this.cmdSelectAll_Click);
  this.cmdFindSelected.Click += new System.EventHandler(this.cmdFindSelected_Click);
  this.Load += new System.EventHandler(this.Page_Load);

 }
 #endregion

  private void cmdSelectAll_Click(object sender, System.EventArgs e)
  {
   selectAll();
  }

  private void selectAll()
  {
   System.Web.UI.WebControls.CheckBox chkExport ;
   if( cmdSelectAll.Text == "全部選中")
   {
    foreach(DataGridItem oDataGridItem in dgMain.Items)
    {
     chkExport = (CheckBox)oDataGridItem.FindControl("chkExport");
     chkExport.Checked = true;
    }
    cmdSelectAll.Text = "全部不選";
   }
   else
   {
    foreach(DataGridItem oDataGridItem in dgMain.Items)
    {
     chkExport = (CheckBox)oDataGridItem.FindControl("chkExport");
     chkExport.Checked = false;
    }
    cmdSelectAll.Text = "全部選中";
   }
  }

  private void RefreshGrid()
  {
   OleDbConnection oConnection;
   OleDbDataAdapter oCommand ;
   DataSet oDataSet = new DataSet();
   try
   {
    string sSQL = "Select top 10 * from Document order by CreateDate DESC";
    oConnection = new OleDbConnection(sConnectionString);
    oCommand = new OleDbDataAdapter(sSQL.ToString(), oConnection);
    oCommand.Fill(oDataSet, "Document");
    oDataView = new DataView(oDataSet.Tables["Document"]);
    dgMain.DataSource = oDataView;
    oConnection.Close();
   }
   catch(Exception ex)
   {
    Label1.Text = ex.Message.ToString();
   }
  }

  private void cmdFindSelected_Click(object sender, System.EventArgs e)
  {
   System.Web.UI.WebControls.CheckBox chkExport;
   System.Collections.ArrayList oExArgs = new System.Collections.ArrayList();
   string sID;
   Label1.Text = "";
   Label2.Text = "";
   foreach(DataGridItem oDataGridItem in dgMain.Items)
   {
      chkExport = (CheckBox)oDataGridItem.FindControl("chkExport");
      if( chkExport.Checked)
      {
         //如果要進行刪除，可以在這裡構造sql語句進行刪除
         string sql = "DELETE FROM Document WHERE id ="
            + ((HtmlInputHidden)oDataGridItem.FindControl("SelectedID")).Value;
         Label2.Text += "<li>" + sql;
         sID = ((HtmlInputHidden)oDataGridItem.FindControl("SelectedID")).Value;
         oExArgs.Add(sID);
         int i = 0;
         Label1.Text = "";
         for( i = 0;i<oExArgs.Count;i++)
         {
            Label1.Text += oExArgs[i] + "<br>";
         }
      }
   }
   Label2.Text += "<br><font color=red>執行SQL語句即可刪除，這裡省略。</font>";
  }
 }
}

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More