`

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

阅读更多
作者:孟宪会 微软MVP

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 Dropdownlist结合CheckBoxList多选下拉框

    在ASP.NET开发中,Dropdownlist控件通常用于创建单选下拉列表,而CheckBoxList控件则用于展示可多选的列表项。然而,有时我们需要一个具有多选功能的下拉框,这时可以将Dropdownlist与CheckBoxList结合起来实现这一...

    asp.net跨页面多选

    在本场景中,我们关注的是"asp.net跨页面多选",这通常指的是在ASP.NET环境中实现用户在多个页面间传递选择的数据,例如通过复选框(Checkbox)让用户在多个选项中进行多选,并在页面跳转后依然保持用户的选择。...

    asp.net中实现多选按钮的全选

    在ASP.NET中实现多选按钮的全选功能是常见的需求之一,尤其是在处理表格或列表的用户界面时。本文将深入探讨如何在ASP.NET中的GridView控件内实现这一功能,包括服务器端和客户端(JavaScript)两种方法。 ### 一、...

    .net中实现多选下拉菜单(很容易学懂)

    1. **添加控件**:在ASP.NET页面中,我们可以通过拖拽工具箱中的ListBox控件到设计视图,或在代码中手动添加。例如: ```asp &lt;ListBox ID="lstOptions" runat="server" SelectionMode="Multiple"&gt;&lt;/ListBox&gt; ``` `...

    asp.net 自定义下拉多选控件

    开发者可以参考示例中的代码,了解如何在ASP.NET页面上声明和配置这个控件,以及如何在后台代码中获取用户的选择。 总结起来,"asp.net 自定义下拉多选控件"是一个结合了JQuery和ASP.NET技术的高效组件,它为开发者...

    ASP.NET多选下拉框自定义控件

    在ASP.NET中,我们通常会用到ListBox或CheckBoxList控件来实现这一功能,但它们的外观和交互性可能并不理想。因此,自定义一个具有更好用户体验的多选下拉框控件是必要的。 二、设计思路 1. 控件结构:我们可以将...

    GridView控件中实现跨页面多选

    本篇文章将详细讲解如何在GridView控件中实现跨页面多选的功能,这对于需要批量处理或操作大量数据的场景至关重要。 首先,我们需要了解GridView的基本结构。GridView控件默认支持单选,即用户只能在一个页面内选择...

    用SwfUpload实现多选图片上传的asp.net实例

    下面将详细解释如何在ASP.NET项目中运用SwfUpload实现多选图片上传的实例。 首先,我们需要在页面中引入SwfUpload的JavaScript库和Flash对象。这通常涉及到在HTML中添加SwfUpload的SWF文件引用以及相关的JavaScript...

    asp.net+Flash多选文件上传

    在提供的压缩包"WebSite1 (4)"中,可能包含了实现上述过程的源代码、Flash组件、ASP.NET页面和配置文件等资源。解压后,开发者可以通过查看和运行这些文件来学习和理解整个上传流程。 总的来说,ASP.NET结合Flash...

     Asp.net简单多选投票系统

    【Asp.net简单多选投票系统】是一种基于微软的ASP.NET技术构建的Web应用程序,用于实现用户参与的多选投票功能。在Web开发领域,ASP.NET是一个强大的平台,它提供了丰富的工具、框架和库,使得开发者能够高效地构建...

    asp.net+flash多选文件上传

    ASP.NET与Flash结合实现多选文件上传是一种常见的Web应用程序功能,尤其在用户需要一次性上传多个文件的场景下。本文将详细解析这一技术的核心知识点,并提供相关的实现步骤。 **一、多选文件上传** 在HTML5之前,...

    ASP.NET下拉多選

    要创建一个`ListBox`,我们需要在ASP.NET页面的`.aspx`文件中添加以下代码: ```asp &lt;ListBox ID="ListBox1" runat="server" SelectionMode="Multiple"&gt;&lt;/ListBox&gt; ``` 这里的`ID`属性是控件的唯一标识,`runat=...

    asp.net 自制的单选、多选列表实现代码

    答:在ASP.NET的页面上,ListBox最终是渲染成select元素,而CheckListBox最终被渲染成div或者是table,使得二者的样式无法统一,或者说要统一很麻烦。 解决: 于是,决定干脆自行组合一些元素,实现单选列表、多选...

    ASP.NET+flash 多选文件上传

    1. **创建ASP.NET页面**:首先,你需要创建一个新的ASP.NET Web Forms或MVC项目,并在其中添加一个用来处理文件上传的页面。 2. **Flash组件**:引入Flash组件,如SWFUpload或Fine Uploader等,这些组件提供了与...

    asp.net MultiDropDowList 下拉框多选带事件

    ASP.NET中的MultiDropDowList控件是一种扩展的下拉列表控件,它允许...通过以上知识点,开发者可以充分利用ASP.NET MultiDropDowList控件,创建出具有多选和实时反馈功能的下拉列表,提升用户在Web应用中的交互体验。

    asp.net 下拉菜单 多选框 DropDownCheckList

    2. **代码结构**:查看演示项目的代码,学习如何在ASP.NET页面中布局和绑定控件。 3. **事件处理**:了解控件的事件触发机制,如OnSelectedIndexChanged,以及如何编写相关的事件处理程序。 最后,`...

    商业编程-源码-Asp.net简单多选投票系统.zip

    这些逻辑通常在ASP.NET页面的代码-behind文件中实现。 5. **安全性**:考虑到商业环境,投票系统的安全性至关重要。这可能包括防止SQL注入、XSS攻击,以及确保用户只能投一次票。可以利用ASP.NET的安全特性,如身份...

    ASP.NET基础空间练习

    2. 学习如何在ASP.NET页面上添加和配置控件。 3. 理解C#语法和面向对象编程的概念。 4. 实践使用ASP.NET控件与数据库进行交互,如SQL Server或SQLite。 5. 学习如何处理页面事件,实现用户交互。 6. 探索ASP.NET中的...

Global site tag (gtag.js) - Google Analytics