程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> 在ASP.NET中跨頁面實現多選

在ASP.NET中跨頁面實現多選

編輯:.NET實例教程

本文介紹如何在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 窗體設計器生成的代碼
override protected void OnInit(EventArgs e)
{
 //
 // CODEGEN: 該調用是 ASP.Net Web 窗體設計器所必需的。
 //
 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.EventHand
ler(this.Page_Load);

}
#endregion

}
}

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved