zoukankan      html  css  js  c++  java
  • 在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

    }
    }
  • 相关阅读:
    Hadoop HDFS的Shell操作实例
    我来阿里的2年
    设计模式之迪米特原则(LoD)
    设计模式之接口隔离原则
    设计模式之依赖倒置原则
    设计模式之里氏替换原则(LSP)
    设计模式之单一职责原则(SRP)
    Android开发系列之性能优化
    Android开发系列之屏幕密度和单位转换
    Android开发系列之ListView
  • 原文地址:https://www.cnblogs.com/wangxiaohuo/p/605014.html
Copyright © 2011-2022 走看看