跨页面实现多选

最新推荐文章于 2020-09-21 09:50:22 发布
最新推荐文章于 2020-09-21 09:50:22 发布
阅读量624 收藏
点赞数
分类专栏： Asp.net 文章标签： datagrid dataset button object asp.net server

本文介绍如何在ASP.NET中实现多页面选择的问题。其具体思路很简单：用隐藏的INPUT记住每次选择的项目，在进行数据绑定时，检查保存的值，再在DataGrid中进行选中显示。下面时完整的代码和例子：

查看例子

SelectMultiPages.aspx

     <br /><%@ Page EnableViewState="true" CodeBehind="SelectMultiPages.aspx.cs" Language="c#" <br />AutoEventWireup="false" Inherits="eMeng.Exam.SelectMultiPages" %><br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><HTML><br /><HEAD><br /><title>跨页面实现多选</title><br /><META http-equiv="content-type" content="text/html; charset=gb2312"><br /><style><br />* {FONT-SIZE:12PX}<br />#Status {text-align:left}<br /></style><br /><script language="JAVASCRIPT"><br />function AddRemoveValues(oChk) { <br />//在处理这个地方需要注意的是：你保存的值应该具有唯一性，这样才能不会替换错误的项。<br />if(oChk.checked)<br />SelectMultiPage.HdnSelectedValues.value += "," + oChk.value; <br />else<br />SelectMultiPage.HdnSelectedValues.value = SelectMultiPage.HdnSelectedValues.value.replace("," + oChk.value,""); <br />}<br /></script><br /></HEAD><br /><BODY><br /><form id="SelectMultiPage" runat="server"><br /><asp:datagrid id="DataGrid1" HorizontalAlign="Center" AutoGenerateColumns="False" Width="600px"<br /> AllowPaging="True" runat="server"><br /> <AlternatingItemStyle BackColor="#EEEEEE"></AlternatingItemStyle><br /> <HeaderStyle BackColor="#AAAADD" Font-Bold="True" HorizontalAlign="Center"></HeaderStyle><br /> <PagerStyle HorizontalAlign="Right" Mode="NumericPages" Visible="True"></PagerStyle><br /> <Columns><br /> <asp:TemplateColumn HeaderText="选择"><br /> <ItemTemplate><br /> <input type="checkbox" runat="server" id="chkSelect" onclick="AddRemoveValues(this)"<br /> value='<%#DataBinder.Eval(Container.DataItem,"Title")%>'/><br /> </ItemTemplate><br /> </asp:TemplateColumn><br /> <asp:TemplateColumn HeaderText="文章标题"><br /> <ItemTemplate><br /> <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, "Title") %>' runat="server" ID="TitleShow"/><br /> </ItemTemplate><br /> </asp:TemplateColumn><br /> <asp:TemplateColumn HeaderText="发布时间"><br /> <ItemTemplate><br /> <asp:Literal Text='<%# DataBinder.Eval(Container.DataItem, "CreateDate").ToString() %>' runat="server"/><br /> </ItemTemplate><br /> </asp:TemplateColumn><br /> </Columns><br /></asp:datagrid><br /><div align=center><br /><asp:button id="Button1" runat="server" Text="得到所选的值"></asp:button><br /><div id="Status"><br /><asp:label id="Label1" runat="server"></asp:label><br /></div><br /><INPUT id="HdnSelectedValues" type="hidden" name="HdnSelectedValues" runat="server"><br /></div><br /></form><br /></BODY><br /></HTML><br />

SelectMultiPages.aspx.cs

     <br />using System;<br />using System.Collections;<br />using System.ComponentModel;<br />using System.Data;<br />using System.Data.OleDb;<br />using System.Drawing;<br />using System.Web;<br />using System.Web.SessionState;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />using System.Web.UI.HtmlControls;<br /><br />namespace eMeng.Exam<br />{<br />/// <summary><br />/// SelectMultiPages 的摘要说明。<br />/// </summary><br />public class SelectMultiPages : System.Web.UI.Page<br />{<br />protected System.Web.UI.WebControls.Button Button1;<br />protected System.Web.UI.WebControls.Label Label1;<br />protected System.Web.UI.HtmlControls.HtmlInputHidden HdnSelectedValues;<br />protected System.Web.UI.WebControls.DataGrid DataGrid1;<br /><br />private void Page_Load(object sender, System.EventArgs e)<br />{<br /> // 在此处放置用户代码以初始化页面<br /> if(!Page.IsPostBack)<br /> BindData();<br />}<br />private void DataGrid1_PageIndexChanged(object source, DataGridPageChangedEventArgs e)<br />{<br /> DataGrid1.CurrentPageIndex = e.NewPageIndex;<br /> BindData(); <br />}<br /><br />void BindData()<br />{<br /> OleDbConnection cn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" <br /> + HttpContext.Current.Server.MapPath("aspx.mdb"));<br /> OleDbDataAdapter da = new OleDbDataAdapter("Select Title, CreateDate from Document",cn);<br /> DataSet ds = new DataSet();<br /> da.Fill(ds);<br /> DataGrid1.DataSource= ds;<br /> DataGrid1.DataBind();<br />}<br /><br />private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)<br />{<br /> //重新显示所选择的项目<br /> if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)<br /> {<br /> if(HdnSelectedValues.Value.IndexOf(((Literal)e.Item.Cells[1].FindControl("TitleShow")).Text) >= 0 )<br /> {<br /> HtmlInputCheckBox ChkSelected = (HtmlInputCheckBox)(e.Item.Cells[0].FindControl("ChkSelect"));<br /> ChkSelected.Checked = true;<br /> }<br /> }<br />}<br />private void Button1_Click(object sender, System.EventArgs e)<br />{<br /> //为了显示的方便进行替换的<br /> Label1.Text = HdnSelectedValues.Value.Replace(",","<li>");<br />}<br /><br />#region Web 窗体设计器生成的代码<br />override protected void OnInit(EventArgs e)<br />{<br /> //<br /> // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。<br /> //<br /> InitializeComponent();<br /> base.OnInit(e);<br />}<br /><br />/// <summary><br />/// 设计器支持所需的方法 - 不要使用代码编辑器修改<br />/// 此方法的内容。<br />/// </summary><br />private void InitializeComponent()<br />{ <br /> this.DataGrid1.ItemDataBound += <br /> new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);<br /> this.DataGrid1.PageIndexChanged += <br /> new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);<br /> this.Button1.Click += new System.EventHandler(this.Button1_Click);<br /> this.Load += new System.EventHandler(this.Page_Load);<br /><br />}<br />#endregion <br /><br />}<br />}
 
......通用分页和跨页多选
08-22
set @sqlCount='select @rowsCount=count(*) ' set @sqlResult='select * ' set @sql=' from(select row_number() over......
DataGrid的跨页面多选
飞天小鱼
07-07 706
    跨页面多选            function AddId(obj)        {            var hidden = document.getElementById(HiddenSelect);            if(obj.checked)            {                hidden.value += "," + obj.valu
跨页面实现多选(转载)
uu_ovo的专栏
06-12 771
SelectMultiPages.aspx中：    ------------------------------------------------------------------------------------------------------    "true" CodeBehind="SelectMultiPages.aspx.cs" Langua
Java中checkbox实现跨页多选的方法
08-31
在Java Web开发中，实现checkbox跨页多选功能是一项常见的需求，特别是在数据量大、需要分页展示的情况下。这个功能允许用户在多个页面上选择不同的选项，并在提交时能够保存所有选择，无论这些选项分布在多少个页面...
实现GridView跨页面多选功能的探讨
在探讨GridView控件中实现跨页面多选的问题时，我们首先需要明确几个关键概念。首先，GridView控件是.NET Web Forms中常用的数据展示控件之一，它允许开发者以表格形式展示数据。其次，跨页面多选功能指的是用户在多...
掌握ASP.NET实现跨页面多选功能的C#源代码
根据给出的文件名称列表，我们可以推断出实现多选功能的页面至少包含三个文件： - **SelectMultiPages.aspx**：这是ASP.NET的页面文件，用于设计用户界面。在这个页面中，可能会包含CheckBoxList或ListBox控件，并...
在ASP.NET中跨页面实现多选
Holym的网摘
11-16 818
介绍如何在ASP.NET中实现多页面选择的问题。其具体思路很简单：用隐藏的INPUT记住每次选择的项目，在进行数据绑定时，检查保存的值，再在DataGrid中进行选中显示。下面时完整的代码和例子：   查看例子   SelectMultiPages.aspx   AutoEventWireup="false" Inherits="eMeng.Exam.SelectMultiPages" %>
GridView控件中实现跨页面多选
10-16
本篇文章将详细讲解如何在GridView控件中实现跨页面多选的功能，这对于需要批量处理或操作大量数据的场景至关重要。 首先，我们需要了解GridView的基本结构。GridView控件默认支持单选，即用户只能在一个页面内选择...
网页多选列表
11-01
本程序在网页中设计了多选列表，代码简单、实用，很适合初学者。
复选框（高级版，可以同时选中多个页面的复选框）
08-31
可以同时选中多个页面的复选框验证js（高级版，可以同时选中多个页面的复选框） javascript高级代码
跨页面的多选功能实现
08-30 323
这两天做了个人员选择的东西，觉得还有点意思，上来给大家砸一砸。先说说需求，就是要从部门人员的树中选择人或者部门，得到相关的ID来进行保存。考虑到很多页面都会用这个功能每个页面去做显然太傻就做成了个用户控件。如果把树放在控件中的话页面会很不美观而且很占页面控件（试想如果有几百个人员，树展开的话用户会想抽你的脸）。 我是这样思考的将控件分成两个部门，用一个ListBox来显示选中了哪...
Java checkbox实现跨页多选
半兽人
04-02 478
最近要实现一个功能，就是checkbox跨页多选，在网上看了一下，资料很少，而且大多是不完全的。不过经过我的努力，终于做出来了。 JSP页面: 1,定义三个Hidden变量: 2,javascript // 获取checkbox信息,选中,未选中,当前选中 functio...
CheckBox实现跨页面多选【转】
weixin_33939380的博客
07-17 278
在很多程序中需要使用CheckBox的跨页面复选功能，本例实现了GridView多页复选功能SelectMultiPages.aspx 1<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="SelectMultiPages.aspx.cs"2Inherits="SelectMultiPages"%>34&l...
checkbox复选框跨页多选，不依赖于后端实现
u013738122的博客
09-21 1419
checkbox复选框跨页多选，不依赖于后端实现 1. 需求 实现表格在分页情况下，能跨页多选，刷新或改变分页条数，仍能正确多选 2. 实现方案 利用sessionStorage 保存复选框勾选信息在客户端，不依赖后端实现。 每一个复选框的value值都保存一个唯一id（也可以自定义一个属性保存唯一id），监听checkbox onchange事件，选中时sessionStorage.setItem(id, ‘1’)，取消选中时sessionStorage.setItem(id, ‘0’)，保存选择信息。
datagrid中多页的数据实现同时被选择
qq_43128070的博客
05-07 252
所需效果：点击序号全选第一页的所有数据。转换到第二页，再回到第一页，选择仍然存在。这样可以实现多页同时多选的效果 前台： <asp:DataGrid ID="DtgrdUser" runat="server" CssClass="datagrid1" AutoGenerateColumns="False" CellPadding="3" CellSpacing="1" GridL...
部门人员多选页面---
qq_37151646的博客
12-02 2662
Bootstrap 101 Template var arry = new Array();//存在人员名字 var divIds = new Array();//存在divId function selectMamber(obj){ var className=$(obj).attr("class"); v
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值