任意位置选择DataGrid的行

最新推荐文章于 2018-08-01 23:55:59 发布
最新推荐文章于 2018-08-01 23:55:59 发布
阅读量825 收藏
点赞数
分类专栏： .net 文章标签： datagrid asp colors function javascript object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangchunlan2004/article/details/997400
版权

 在DataGrid中要选种某一行必须要设置个选择列,下面介绍的方法可能在某些情况下有用

.aspx代码:

<%@ Page language="c#" Codebehind="WhList.aspx.cs" AutoEventWireup="false" Inherits="Logease.CarryOn.Web.airIn.bussOperation.WhList" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
               <title>WhList</title>
<meta content="Microsoft Visual Studio .NET 7.1" name=GENERATOR>
<meta content=C# name=CODE_LANGUAGE>
<meta content=JavaScript name=vs_defaultClientScript>
<meta content=http://schemas.microsoft.com/intellisense/ie5 name=vs_targetSchema><base target=_self>
<meta http-equiv=pragma content=no-cache><LINK href="../../Styles/green.css" type=text/css rel=stylesheet >
<script lang=javascript>
               var returnValues; // 回车返回值
               var backColors;   // 目标行的背景色
               var colors;            // 目标行的前景色
               var chooseRow;  // 前次选中行
               // 双击返回
               function coporationinfo(wh_no,warehouse_no)
               {
                       try
                       {
                               var d=dialogArguments;
                               d.document.all("hid_wh_no").value = wh_no;
                               d.document.all("hid_warehouse_no").value = warehouse_no;
                       }
                       catch(e)
                       {
                               alert(" 操作错误，无法返回查询结果!");
                       }
                       window.close();
                       return false;
               }
               // 确认返回
               function doClick(str)
               {
                       var obj_wh_no = document.getElementById("hid_returnwh_no");
                       var obj_warehouse_no = document.getElementById("hid_returnwarehouse_no");
                       if (obj_wh_no.value != "" && obj_warehouse_no.value != "")
                               coporationinfo(obj_wh_no.value,obj_warehouse_no.value);
                       else
                               alert(" 未选择");
                       return false;
               }
               function initRow(){
                       if (chooseRow == null){
                               chooseRow = document.getElementById("DataGrid1").rows[1];
                               if (chooseRow.cells[1] != null && chooseRow.cells[2] != null){
                                      document.getElementById("hid_returnwh_no").value = chooseRow.cells[1].innerText;
                                      document.getElementById("hid_returnwarehouse_no").value = chooseRow.cells[2].innerText;
                               }
                               else
                                      document.getElementById("btn_cancel").focus();
                       }
               }
               // 回车事件
               function enterControl(){
                       if (event.keyCode == 13){
                               if(event.srcElement.name != "btn_cancel")
                                      document.getElementById("btn_Submit").click();
                               else
                                      document.getElementById("btn_cancel").click();
                       }
                       if(event.keyCode==38){ // 方向键向上
                       }
                       if(event.keyCode==40){ // 方向键向下
                       }
                       if(event.keyCode==37){ // 方向键向左
                               document.getElementById("btn_Submit").focus();
                       }
                       if(event.keyCode==39){ // 方向键向右
                               document.getElementById("btn_cancel").focus();
                       }
               }
               // 设置原有色
               function setColor(backColor,color)
               {
                       backColors = backColor;
                       colors = color;
               }
               function setClickColor(obj,wh_no,warehouse_no){
                       if (chooseRow != null){
                               var index = chooseRow.rowIndex;
                               var rows = chooseRow.parentElement.rows;
                               var color1 = rows[index - 1].style.backgroundColor;
                               var color2 = rows[index + 1].style.backgroundColor;
                               var row = rows[index];
                               if (color1 == "" || color1 == "#ffffff" || color2 == "" || color2 == "#ffffff"){
                                      row.style.backgroundColor = "#f5faf5";
                                      row.color="blank";
                               }
                               if (color1 == "#f5faf5" || color2 == "#f5faf5"){
                                      row.style.backgroundColor = "#ffffff";
                                      row.color="blank";
                               }
                       }
                       chooseRow = obj;
                       document.getElementById("hid_returnwh_no").value = wh_no;
                       document.getElementById("hid_returnwarehouse_no").value = warehouse_no;
               }
               function doCancel()
               {
                       window.close();
                       return false;
               }
               </script>
</HEAD>
<body οnkeydοwn=enterControl() οnlοad=initRow()
MS_POSITIONING="GridLayout">
<form id=Form1 method=post runat="server">
<table width=800 align=center>
 <tr>
    <td><asp:datagrid id=DataGrid1 runat="server" AutoGenerateColumns="False" AllowPaging="True" Width="784px" CssClass="DataGrid">
        <SelectedItemStyle CssClass="SelectItemStyle" BackColor="#15B77E"></SelectedItemStyle>
        <EditItemStyle CssClass="EditItemStyle"></EditItemStyle>
        <AlternatingItemStyle CssClass="AlterItemStyle"></AlternatingItemStyle>
        <ItemStyle CssClass="ItemStyle"></ItemStyle>
        <HeaderStyle CssClass="HeaderStyle"></HeaderStyle>
        <Columns>
               <asp:BoundColumn DataField="rownum" HeaderText=" 序号"></asp:BoundColumn>
               <asp:BoundColumn DataField="wh_no" HeaderText=" 单证编号"></asp:BoundColumn>
               <asp:BoundColumn DataField="warehouse_no" HeaderText=" 本仓编号"></asp:BoundColumn>
               <asp:BoundColumn DataField="operation_id" HeaderText=" 平台编号"></asp:BoundColumn>
               <asp:BoundColumn DataField="customer_to_name" HeaderText=" 客户"></asp:BoundColumn>
               <asp:BoundColumn DataField="MBL" HeaderText=" 总单"></asp:BoundColumn>
               <asp:BoundColumn DataField="hbl" HeaderText=" 分单"></asp:BoundColumn>
               <asp:BoundColumn DataField="pieces" HeaderText=" 件数"></asp:BoundColumn>
               <asp:BoundColumn DataField="weight" HeaderText=" 重量"></asp:BoundColumn>
        </Columns>
        <PagerStyle NextPageText=" 下一页" PrevPageText="上一页" CssClass="PagerStyle" Mode="NumericPages"></PagerStyle>
        </asp:datagrid></TD></TR>
 <tr>
    <td align=right><INPUT id=hid_returnwh_no type=hidden
       runat="server"><INPUT id=hid_returnwarehouse_no
      type=hidden runat="server"> <asp:button id=btn_Submit runat="server" Text=" 确认"></asp:Button>&nbsp;&nbsp;
<asp:button id=btn_cancel Text=" 取消" Runat="server"></asp:button>&nbsp;&nbsp;
    </TD></TR></TABLE></FORM>
        </body>
</HTML>

.cs代码:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
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 Logease.CarryOn.Web.airIn.bussOperation
{
        /// <summary>
        /// WhList 的摘要说明。
        /// </summary>
        public class WhList : System.Web.UI.Page
        {
               protected System.Web.UI.WebControls.DataGrid DataGrid1;
               protected System.Web.UI.HtmlControls.HtmlInputHidden hid_returnwh_no;
               protected System.Web.UI.HtmlControls.HtmlInputHidden hid_returnwarehouse_no;
               protected System.Web.UI.WebControls.Button btn_Submit;
               protected System.Web.UI.WebControls.Button btn_cancel;
       
               private void Page_Load(object sender, System.EventArgs e)
               {
                       // 在此处放置用户代码以初始化页面
                       if(!IsPostBack)
                       {
                               this.btn_Submit.Attributes.Add("onclick","return doClick();");
                               this.btn_cancel.Attributes.Add("onclick","return doCancel();");
                               this.initBindData();
                       }
               }
 
               #region Web 窗体设计器生成的代码
               override protected void OnInit(EventArgs e)
               {
                       //
                       // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
                       //
                       InitializeComponent();
                       base.OnInit(e);
               }
              
               /// <summary>
               /// 设计器支持所需的方法 - 不要使用代码编辑器修改
               /// 此方法的内容。
               /// </summary>
               private void InitializeComponent()
               {   
                       this.DataGrid1.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);
                       this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound);
                       this.btn_Submit.Click += new System.EventHandler(this.btn_Submit_Click);
                       this.btn_cancel.Click += new System.EventHandler(this.btn_cancel_Click);
                       this.Load += new System.EventHandler(this.Page_Load);
 
               }
               #endregion
 
               #region   绑定表格数据
               void initBindData()
               {
                       string filt = "1=1";
                       if (Request.QueryString["filt"] != null && Request.QueryString["filt"].ToString() !="" )
                       {
                               //filt = System.Web.HttpUtility.UrlDecode(Request.QueryString["filt"].Trim());
                               filt = Request.QueryString["filt"].Trim();
                       }
                       else
                       {
                               filt = Session["ComplexSearchFilt"].ToString().Trim();
                       }
                       Logease.CarryOn.Business.AIManager _airiManager = new Logease.CarryOn.Business.AIManager();
                       DataTable dt = _airiManager.GetAIRI_WH_ALL(filt);
                       DataColumn DataCol = new DataColumn();
                       DataCol.ColumnName ="CHECKED";
                       DataCol.DefaultValue = "false";
                       DataCol.DataType = System.Type.GetType("System.String");
                       dt.Columns.Add(DataCol);
                       ViewState["ASNSource"] = dt;
                       this.DataGrid1.DataSource = dt;
                       this.DataGrid1.DataBind();
                       this.DataGrid1.SelectedIndex = 0;
               }
               #endregion
 
               private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
               {
                       string ser_no = e.Item.Cells[0].Text;
                       try
                       {
                               if (ser_no != null && ser_no != " 序号")
                               {
                                      e.Item.Attributes.Add("Ondblclick", "javascript:coporationinfo('" + e.Item.Cells[1].Text + "','" + e.Item.Cells[2].Text + "')");
                                      e.Item.Attributes.Add("Onclick", "setClickColor(this,'" + e.Item.Cells[1].Text + "','" + e.Item.Cells[2].Text + "');this.style.backgroundColor='#15B77E';this.style.color='white';this.style.cursor='hand';setColor(this.style.backgroundColor,this.style.color);");
                                      e.Item.Attributes.Add("OnMouseOver", "setColor(this.style.backgroundColor,this.style.color);this.style.backgroundColor='#15B77E';this.style.color='white';this.style.cursor='hand';") ;
                                      e.Item.Attributes.Add("OnMouseOut", "this.style.backgroundColor=backColors;this.style.color=colors") ;
                               }
                       }
                       catch
                       {}
               }
 
               #region 确认事件
               private void btn_Submit_Click(object sender, System.EventArgs e)
               {
              
               }
               #endregion
 
               #region 取消事件
               private void btn_cancel_Click(object sender, System.EventArgs e)
               {
              
               }
               #endregion
 
               private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
               {
                       this.DataGrid1.DataSource = (DataTable)ViewState["ASNSource"];
                       this.DataGrid1.CurrentPageIndex = e.NewPageIndex;
                       this.DataGrid1.DataBind();
               }
        }
} 

 

这个方法有一定的局限性,首先你在后台没办法直接通过DataGrid获取行了,其次如果DataGrid一多..........后面就不用说,不知道谁有更好的方法或想法.

wangchunlan2004
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyUI关于多个datagrid下enableFilter过滤混乱的问题
Aliux_JLQ的博客
07-29 1209
项目场景： 提示：这里简述项目相关背景： 例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) 问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
C# 点击DataGridView中某一行获取点击行中的列数据
热门推荐
tiegenZ的博客
05-07 2万+
1.修改DataGridView属性 a.设置MultiSelect属性值为False:禁止一次选中多个单元格 b.设置SelectionMode属性值为FullRowSelect:设置选中整行 2.编写点击触发事件方法 private void dgv_CellClick(object sender, DataGridViewCellEventAr...
datagrid选中行
ghjhhkj的博客
05-09 473
选中最后一行： var persLength=$("dg-pers").datagrid("getRows").length; $("dg-pers").datagrid("selectRow",persLength-1); 清空datagrid $("dg_pers").datagrid("loadData",{total:0,row:[]}); 获取选中行内容 var r
DataGridView 选中行、列、单元格
水灬手
07-22 1万+
GridView属性中SelectionMode五个值FullRowSelect(选中整行)、
EasyUI中datagrid获取选择行的相关总结
lkforce
08-16 6285
首先是一点基础 datagrid对行的选择有两种方式：复选框和选择行 1，复选框是这样的： EasyUI会提供表头的全选打钩功能，不用自己额外写代码 另外easyUI提供了一个配置，可以保留翻页之前打的钩，比如在第一页上勾选几行，然后翻页，当你再翻回第一页的时候，之前打的几个钩还在（按需使用，因为页面不会告诉你在其他页面是不是打过钩） 2，选择行是这样的： 图2 某一
WPF DataGrid模板选择器
01-18
在处理复杂的数据时，我们可能需要为不同类型的行或列提供不同的视图，这时就需要用到DataGrid的模板选择器。本文将深入探讨WPF DataGrid的模板选择器，以及如何根据数据类型来定制不同的显示模板。 首先，...
DataGrid中嵌入comBox
04-23
在某些场景下，我们可能需要在DataGrid的某一列中嵌入ComboBox控件，以提供用户多选或者下拉选择的功能。本文将详细讲解如何在DataGrid中实现这一功能，并结合MVVM（Model-View-ViewModel）设计模式来增强可维护性...
让Asp.NET的DataGrid可排序、可选择、可分页
01-02
DataGrid是Asp.NET中的一个重要的控件，经常我们都将DataGrid做成可分页的和可排序的，有时还需要加上选择功能。这些都是经常需要用到的方法，其实是比较简单的。 设计思路： 为了方便起见，我们连接SQL Server ...
WPF DataGrid
04-18
- `DataGridComboBoxColumn`：下拉框选择。 - `DataGridTemplateColumn`：自定义模板，可以自由定制显示和编辑逻辑。 **3. 自定义列** 通过设置`DataGridTextColumn.Binding`等属性，可以指定列与数据源的绑定方式...
c# WPF DataGrid 底部汇总行合计
01-20
在C# WPF环境中，DataGrid控件是一个非常强大的数据展示工具，它可以用来显示和编辑表格数据。在处理大量数据时，我们经常需要在底部添加一个汇总行来展示各项数值的总计，这在商业应用中尤其常见。本篇文章将详细...
在DataGrid中添加新行
11-28
在DataGrid中添加新行
jquery easyui datagrid 获取Checked选择行(勾选行)数据
rdman的专栏
11-10 2230
getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 getSelections：取得所有选中行数据，返回元素记录的数组数据。 getChecked：取得checkbox选择行的数据，返回元素记录的数组数据。 getSelected跟getSelections是选中行，而且getChecked是选择行。 选中行的意思就是，我们单击到某一
dataGridView整行选择模式
glumtree的专栏
09-20 8501
 dataGridView1.SelectionMode = DataGridViewSelectionMode.FullRowSelect;
Easyui datagrid 取消选择行
HilaryHe
09-07 2万+
Easyui datagrid 取消选择行： //取消选择行 $('#dg_id').datagrid('clearSelections');
选中新增datagrid的行
捣蛋的博客
08-01 631
思路：datagrid新增行时，获取新增行的主键，选中主键值新增的行 js代码： function  selectRow(){ var id=data.id;//从后台获取新增行的主键 //获取数据列表中的所有的数据 var rows=$("#dg").datagrid("getRows"); for(var i=0;i&lt;rows.length;i++){ var rowId=...
easyui 选中指定行
haibin_hu的专栏
07-01 1万+
var rowindex=-1;//定义全局变量，选中行索引 $(function(){ $('#housingGrid').datagrid({ //title : '编辑', //iconCls : 'icon-ok', //width : 200, nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取 str
wpf datagrid 拖动移动位置
最新发布
07-31
WPF DataGrid是一种用于显示和编辑数据的强大控件，可以通过一些简单的步骤实现拖动移动位置。 首先，在XAML中添加一个DataGrid控件并绑定数据源。可以使用ItemsSource属性将数据源绑定到DataGrid上，例如： ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值