首页 > Web开发 > 详细

在ASP.NET中跨页面实现多选

时间:2014-05-13 23:54:17      阅读:524      评论:0      收藏:0      [点我收藏+]

在ASP.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.EventHandler(this.Page_Load);


#endregion


}

在ASP.NET中跨页面实现多选,布布扣,bubuko.com

在ASP.NET中跨页面实现多选

原文:http://blog.csdn.net/tbmqzmavp/article/details/25588319

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!