DataGrid 实现多选

最新推荐文章于 2024-05-23 09:08:14 发布
最新推荐文章于 2024-05-23 09:08:14 发布
阅读量431 收藏
点赞数
文章标签： javascript c# ViewUI

-。
<%@ 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" οnclick="AddRemoveValues(this)"
     value='<%#DataBinder.Eval(Container.DataItem,"Title")%>' NAME="chkSelect"/>
      </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" ID="Literal1"/>
      </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>


------------------------------------------------------
二。
<%@ Page Language="C#" AutoEventWireup="True" %>
<%@ Import Namespace="System.Data" %>
 
<html>

   <script language="C#" runat="server">
 
      DataTable Cart = new DataTable();
      DataView CartView;  
 
      void Page_Load(Object sender, EventArgs e)
      {
         DataRow dr;
 
         if (Session["ShoppingCart"] == null)
         {      
            Cart.Columns.Add(new DataColumn("Qty", typeof(String)));
            Cart.Columns.Add(new DataColumn("Item", typeof(String)));
            Cart.Columns.Add(new DataColumn("Price", typeof(String)));
            Session["ShoppingCart"] = Cart;
            
            // Create rows and add sample data.
            for (int i = 1; i <= 9; i++)
            {
               dr = Cart.NewRow();
               if (i % 2 != 0)
                  dr[0] = "2";
               else
                  dr[0] = "1";
               dr[1] = "Item " + i.ToString();
               dr[2] = (1.23 * (i + 1)).ToString();
               Cart.Rows.Add(dr);
            }
         }
         else
            Cart = (DataTable)Session["ShoppingCart"];         
 
         CartView = new DataView(Cart);
         CartView.Sort="Item";
 
         if (!IsPostBack)
            BindGrid();                   
      }
 
      void MyDataGrid_Select(Object sender, EventArgs e)
      {
 
         Label1.Text = "You selected " +
                       MyDataGrid.SelectedItem.Cells[1].Text +
                      
                       ".<br>" +
                       MyDataGrid.SelectedItem.Cells[1].Text +
                       " has an index number of " +
                       MyDataGrid.SelectedIndex.ToString() + ".";
                               
      }

      void Select_Button_Click(Object sender, EventArgs e)
      {
 
         MyDataGrid.SelectedIndex = 4;
                               
      }

      void UnSelect_Button_Click(Object sender, EventArgs e)
      {
 
         MyDataGrid.SelectedIndex = -1;
         Label1.Text = "";
                               
      }
 
      void BindGrid()
      {
         MyDataGrid.DataSource = CartView;
         MyDataGrid.DataBind();
      }
 
   </script>
 
<body>
 
   <form runat="server" ID="Form1">

      <h3>DataGrid Selection Example</h3>
 
      <asp:DataGrid id="MyDataGrid" runat="server"
           BorderColor="black"
           BorderWidth="1"
           CellPadding="3"
           Font-Name="Verdana"
           Font-Size="8pt"
           OnSelectedIndexChanged="MyDataGrid_Select"
           AutoGenerateColumns="false">

         <HeaderStyle BackColor="#aaaadd">
         </HeaderStyle>

         <SelectedItemStyle BackColor="Yellow">
         </SelectedItemStyle>
 
         <Columns>

            <asp:ButtonColumn
                 HeaderText="Select Item"
                 ButtonType="LinkButton"
                 Text="Select"
                 CommandName="Select">

            </asp:ButtonColumn>
 
            <asp:BoundColumn
                 HeaderText="Item"
                 ReadOnly="true"
                 DataField="Item"/>

            <asp:BoundColumn
                 HeaderText="Quantity"
                 DataField="Qty"/>

            <asp:BoundColumn
                 HeaderText="Price"
                 DataField="Price"/>

         </Columns>

      </asp:DataGrid>

      <br><br>

      <asp:Button id="Button1"
           Text="Select Item 5"
           OnClick="Select_Button_Click"
           runat="server"/>

      <asp:Button id="Button2"
           Text="Unselect Item"
           OnClick="UnSelect_Button_Click"
           runat="server"/>

      <br><br>

      <asp:Label id="Label1" runat="server"/>
 
   </form>
 
</body>
</html>

weixin_34399060
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
(原创)代码分析－DataGrid实现自增列、单选、多选
03-01 4820
http://blog.csdn.net/lovecherry/archive/2005/02/25/301441.aspxhttp://blog.csdn.net/lovecherry/archive/2005/02/25/301757.aspx上一次，我们为这个DataGrid实现了添加、删除、修改、分页、动态修改内容等功能，今天再来分析一下如何为之添加自增列、单选、多选的功能。首先看一下需要
datagrid多选
weixin_30266885的博客
04-10 1497
自带多选加属性 checkOnSelect: 'true',列表显示为： { field: 'itemid', title: 'Order ID', width: 200, checkbox: true}, 取选中的值： var selectrow = $("#studentList").datagrid("getChecked");//获取的是数组，多行数据自己...
DataGrid控制行的多选
zju2004的专栏
11-15 1636
一、获取选择行可以通过以下属性进行选择项的获取this.dataGrid.selectedIndexthis.dataGrid.selectedIndicesthis.dataGrid.selectedItemthis.dataGrid.selectedItems二、程序设置选择行对于单行的选择可以通过下面进行选择this.dataGrid.selectedIndex=iIndex;this.dataGrid.selectedItem=item;对于多选项则不能直接通过this.dataGrid.selec
WPF中DataGrid实现多选框功能
最新发布
abc1564984930的博客
05-23 621
【代码】WPF中DataGrid实现多选框功能。
代码分析－DataGrid实现自增列、单选、多选
Teng_s2000的专栏
10-18 900
http://www.cnblogs.com/lovecherry/archive/2005/03/25/125487.html http://www.cnblogs.com/lovecherry/archive/2005/03/25/125492.html 上一次，我们为这个DataGrid实现了添加、删除、修改、分页、动态修改内容等功能，今天再来分析一下如何为之添加自增列、单选、多选的功能。
C# 给DataGridView加多选框
crystal4000的博客
04-26 1679
给DataGridView加多选框
DataGrid筛选
Danny_Yao的学习笔记
09-24 4309
适合数据源为Binding的DataGrid，基本思路为：
DataGridView单行选中和全选
D&M的博客
04-28 2109
表格的创建是为了更好的展示批量的数据，因而表格里的数据大都很多，因此我们通常会给表格的第一列为复选框列，方便用户在点击表格时更好的显示表格的行的选中状态，一般表格数据的删除和修改都应该有复选框。下面是表格的行选中状态和全选状态的演示： 代码如下： //报告库表格行点击事件复选框状态 privatevoiddgvReports_CellClick(obj...
C#用DataGridView实现多选表格
07-23
本教程将详细介绍如何在C#中使用DataGridView实现多选功能，以提供用户友好的交互体验，避免界面因过多的复选框显得杂乱。 首先，让我们了解DataGridView的基本概念。它是Windows Forms控件，用于显示数据网格，...
Wpf datagrid 多选、单选、反选
08-03
`DataGridCheckBox`在`DataGrid`中常用于实现多选功能，通过将列定义为`DataGridTemplateColumn`，并在模板中包含一个`CheckBox`控件，用户可以直接点击`CheckBox`来选择或取消选择行： ```xml <DataGrid.Columns> ...
WPF DataGrid 拖拽实现
11-16
本文将深入探讨如何在WPF的DataGrid中实现拖放功能。 首先，我们需要了解WPF中的拖放操作涉及到的主要类和事件。`DragDrop`是WPF提供的一个静态类，它提供了处理拖放操作的方法和事件。主要涉及的事件有`DragEnter`...
WPF在dataGrid中添加CheckBox支持单选，多选，全选功能
09-05
项目中用到DataGrid， 需要在第一列添加checkbox， 可以多选、全选。 其中涉及的概念DataTemplate， DataGridCellStyle， DataGridCellControlTemplate，Binding， OnPropertyChanged等。
ASP.NET MVC使用EasyUI的datagrid多选提交保存教程
01-02
需要实现EasyUI的datagrid组件加入选择checkbox列，并提交后台批量添加的功能，页面代码如下： 代码如下: [removed] $(function() { //searchbox $(‘#selectgoods-keywords’).searchbox({ searcher: function(val,...
【前端】easyui的datagrid组件常用功能
qq_43175355的博客
08-09 815
easyui datagrid 数据表格
easyUI datagrid点击行单选、按shift或Ctrl点击行多选
a1513049385的博客
04-18 2680
EasyUI DataGrid初始化方法中增加如下方法： singleSelect:true, //只允许选中一行 onClickRow(index, row) { //-------------for TEST 结合SHIFT,CTRL,ALT键实现单选或多选---------------- if (index != selectIndexs.firstSelectRowIn...
mvvm框架下对wpf的DataGrid多选，右键操作
weixin_46407807的博客
09-10 1666
来处理删除选中项的逻辑。确保为ViewModel设置了DataContext。其中Items就是DataGrid中每行的对象集合。总结：xaml中：对DataGrid添加ContextMenu并绑定Command。xaml的后端：将DataGrid传给ViewModel。ViewModel中：设置好Command。第一步：在DataGrid中添加ContextMenu。第二步：在ViewModel中创建一个命令（
easyui data-grid 实现行内编辑 多选操作 功能
duchang110的专栏
10-16 6754
1、datagrid配合单元格编辑的部分 配置datagrid属性： onDblClickCell:onDblClickCell, onEndEdit:onEndEdit var dg = $('#dg').datagrid({ url: '../../qian_tai/getAllMingXiDanInfo.do', //后台返回数据的请求u
Winform DatagridView 自由实现多选，-----右键弹出框解决方式
专栏
07-11 7902
不需要按辅助键（shift），随意选择 条件，C#  winform，Datagridview 控件（MultiSelect 为true），contextMenuStrip控件（包含两个item，选中，取消） 在Datagridview   的 以下事件中 加入 private
easyui实现datagrid---行内单元格联动、单选、多选
mingqingchangcheng的博客
07-03 4236
找了许多的文章查询最终实现功能，代码部分为粗体，其余是解说：&lt;td colspan="3"&gt;     &lt;table id="sbDatagrid" style="width:480px"&gt;&lt;/table&gt;&lt;/td&gt;$("#sbDatagrid").datagrid({            idField:'id' ,
WPF DataGrid如何实现多选
05-27
WPF DataGrid控件允许用户进行多选，可以通过以下几种方式实现： 1. 设置SelectionMode属性为Extended 在XAML中设置DataGrid的SelectionMode属性为...这些方法可以让您在WPF DataGrid控件中轻松实现多选功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值