DataGrid控件(可以实现不刷新增加删除等操作）

最新推荐文章于 2023-12-28 17:41:59 发布
转载 最新推荐文章于 2023-12-28 17:41:59 发布 · 85 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/HeroBeast/archive/2007/02/25/656420.html

本文介绍了一种使用Ajax技术实现在DataGrid中不刷新页面的功能，并提供了详细的代码示例。该方法支持增加、删除、全选及显示行号等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

现在的网络上最流行的最火的技术就是Ajax了，不刷新技术，给客户带来的最新体验。google等在一些大的网站上已经都应用了。在平时开发的时候要做到DataGrid控件不刷新有点麻烦，我就把我的实现写成了一个控件（现在 MS在Atlas里面也实现了，不过在vs.net2003里面还是很麻烦）
 下面是实现效果：

可以实现增加，删除，全选择，显示行号等功能
主要代码：
  1           #region  用户数据源或者ViewState创建控件层次结构
  2           protected   virtual   void  CreateControlHierarchy( bool  useDataSource)
   3          {
   4              IEnumerable dataSource  =   null  ;
   5 
  6               int  rowCount  =   0 ;
   7               int  columnCount  =   0 ;
   8 
  9               if (useDataSource)
  10              {
  11                  dataSource  =  GetDataSource();
  12              }
  13               else
 14              {
  15                  dataSource  =   new   object [( int )ViewState[ " RowCount " ]];
  16              }
  17 
 18               if ( dataSource  !=   null )
  19              {
  20                  Table table  =   new  Table();
  21 
 22 
 23                   #region  增加表的样式 
 24                  table.Attributes.Add( " Cellpadding " , " 0 " );
  25                  table.Attributes.Add( " Cellspacing " , " 0 " );
  26                  table.Attributes.Add( " border " , " 0 " );
  27                  table.Attributes.Add( " style " , this ._TableStyle);
  28                  table.ID  =   this .UniqueID + " Table " ;
  29                  table.Width  =   this .Height;
  30                  table.Width  =   this .Width;
  31                  
  32                   #endregion
 33 
 34                  TableRowCollection rows  =  table.Rows;
  35 
 36                   // 增加控件 
 37                  Controls.Add(table);
  38 
 39                   bool  createdHeader  =   false ;
  40 
 41                   // 显示行号
 42                   int  iCount  =   1 ;
  43 
 44                   // 如果为空行就只加表头
 45                  System.Data.DataView dv  =  (System.Data.DataView)dataSource;
  46 
 47                   if (dv.Table.Rows.Count == 0 )
  48                  {
  49                       #region  增加表头
 50                       if (createdHeader  ==   false )
  51                      {
  52                          TableRow headerRow  =   new  TableRow();
  53 
 54                           // 表头样式
 55                          headerRow.Attributes.Add( " bgcolor " ,_TableHeadBGColor);
  56 
 57                          TableCellCollection headerCells  =  headerRow.Cells;
  58 
 59                          columnCount  =  dv.Table.Columns.Count;
  60                      
  61                           // 是否显示每行前的索引值
 62                           if (_ShowIndex)
  63                          {
  64 
 65                              TableCell cell  =   new  TableCell();
  66                              cell.Attributes.Add( " style " , " width:20px;border-left:1 #FFFFFF solid;border-top:1 #FFFFFF solid;border-bottom:1 #d8d8d8 solid;border-right:1 #d8d8d8 solid; " );
  67                              cell.Wrap  =  _wrap;
  68                              cell.Attributes.Add( " align " , " center " );
  69                              cell.Text  =   "   " ;
  70                              headerCells.Add(cell);
  71                          }
  72 
 73                           for ( int  i = 0 ;i < columnCount;i ++ )
  74                          {
  75                               // TableHeaderCell cell = new TableHeaderCell();
 76                              TableCell cell  =   new  TableCell();
  77                              cell.Attributes.Add( " style " , this ._TableTHeadCellStyle);
  78                              cell.Attributes.Add( " align " , " center " );
  79                              cell.Wrap  =  _wrap;
  80                               if ( this ._EnableColumnWith)
  81                              {
  82 
 83                                  cell.Width  =   this ._ColumnWith[i];
  84                              }
  85 
 86                               if (_CheckBoxVisible)     // 显示CheckBox 
 87                              {
  88                                   if (i  ==   this ._ColumnNum)
  89                                  {
  90                                      cell.Text  =   " <IMG id=\ "" +this.UniqueID+ " checkAll\ "  onclick=\ " chooseallCheckBox( this , ' "+this.UniqueID+"HBCheckAll ' );\ "  src=\ "" +ImgSrcURL+ " \ " > " ; // 加入全选图片
 91                                  }
  92                                   else
 93                                  {
  94                                      cell.Text  =  _ColumnNames[i];
  95                                  }
  96                              } // 没有全选
 97                               else
 98                              {
  99                                  cell.Text  =  _ColumnNames[i];
 100                              }
 101                              
 102                              headerCells.Add(cell);
 103                          }
 104                          createdHeader  =   true ;
 105                          rows.Add(headerRow);
 106                          
 107                      }
 108                       #endregion
109                  }
 110                   else
111                  {
 112                       for ( int  h = 0 ;h < dv.Table.Rows.Count;h ++ )
 113                      {
 114                          
 115                           #region  增加表头
116                           if (createdHeader  ==   false )
 117                          {
 118                              TableRow headerRow  =   new  TableRow();
 119 
120                               // 表头样式
121                              headerRow.Attributes.Add( " bgcolor " ,_TableHeadBGColor);
 122 
123                              TableCellCollection headerCells  =  headerRow.Cells;
 124                          
 125 
126                               // ColumnCount
127                               if (useDataSource)
 128                              {
 129                                  
 130                                  columnCount  =  dv.Table.Columns.Count;
 131                              }
 132                               else
133                              {
 134                                  columnCount  =  ( int )ViewState[ " ColumnCount " ];
 135                              }
 136 
137                      
 138                               // 是否显示每行前的索引值
139                               if (_ShowIndex)
 140                              {
 141 
142                                  TableCell cell  =   new  TableCell();
 143                                  cell.Attributes.Add( " style " , " width:20px;border-left:1 #FFFFFF solid;border-top:1 #FFFFFF solid;border-bottom:1 #d8d8d8 solid;border-right:1 #d8d8d8 solid; " );
 144                                  cell.Wrap  =  _wrap;
 145                                  cell.Attributes.Add( " align " , " center " );
 146                                  cell.Text  =   " &nbsp; " ;
 147                                  headerCells.Add(cell);
 148                              }
 149 
150                               for ( int  i = 0 ;i < columnCount;i ++ )
 151                              {
 152                                   // TableHeaderCell cell = new TableHeaderCell();
153                                  TableCell cell  =   new  TableCell();
 154                                  cell.Attributes.Add( " style " , this ._TableTHeadCellStyle);
 155                                  cell.Attributes.Add( " align " , " center " );
 156                                  cell.Wrap  =  _wrap;
 157 
158                                   if ( this ._EnableColumnWith)
 159                                  {
 160 
161                                      cell.Width  =   this ._ColumnWith[i];
 162                                  }
 163 
164                                   if (_CheckBoxVisible)     // 显示CheckBox 
165                                  {
 166                                       if (i  ==   this ._ColumnNum)
 167                                      {
 168                                          cell.Text  =   " <IMG id=\ "" +this.UniqueID+ " checkAll\ "  onclick=\ " chooseallCheckBox( this , ' "+this.UniqueID+"HBCheckAll ' );\ "  src=\ "" +ImgSrcURL+ " \ " > " ; // 加入全选图片
169                                      }
 170                                       else
171                                      {
 172                                           if (useDataSource)
 173                                          {
 174                                              cell.Text  =  _ColumnNames[i]; //  dv.Table.Rows[h][i].ToString();
175                                          }
 176                                      }
 177                                  } // 没有全选
178                                   else
179                                  {
 180                                       if (useDataSource)
 181                                      {
 182                                          cell.Text  =  _ColumnNames[i];
 183                                      }
 184                                  }
 185                              
 186                                  headerCells.Add(cell);
 187                              }
 188                              createdHeader  =   true ;
 189                              rows.Add(headerRow);
 190                          
 191                          }
 192                           #endregion
193 
194                           #region  增加行
195                  
 196                          TableRow row  =   new  TableRow();
 197                          TableCellCollection cells  =  row.Cells;
 198                           // 增加行的样式
199                          row.Attributes.Add( " style " ,_TableTBodyRowStyle);
 200 
201                           // 是否显示每行前面的索引号
202                           if (_ShowIndex)
 203                          {
 204 
205                              TableCell cell  =   new  TableCell();
 206                              cell.Attributes.Add( " style " , " BORDER-RIGHT:#d8d8d8 1px solid;BORDER-TOP:#ffffff 1px solid;BORDER-LEFT:#ffffff 1px solid;WIDTH:20px;BORDER-BOTTOM:#d8d8d8 1px solid " );
 207                              cell.Wrap  =  _wrap;
 208                              cell.Attributes.Add( " bgcolor " , this ._TableHeadBGColor);
 209                              cell.Attributes.Add( " align " , " center " );
 210                              cell.Text = iCount.ToString();
 211                              cells.Add(cell);
 212                              iCount ++ ;
 213                          }
 214 
215                           for ( int  i = 0 ;i < columnCount;i ++ )
 216                          {
 217                              TableCell cell  =   new  TableCell();
 218                              cell.Attributes.Add( " style " , this ._TableTBodyCellStyle);
 219 
220                               if ( this ._EnableColumnWith)
 221                              {
 222                                  cell.Width  =   this ._ColumnWith[i];
 223                              }
 224 
225 
226                               if (_CheckBoxVisible)     // 显示CheckBox 
227                              {
 228                                   if (useDataSource)
 229                                  {
 230 
231                                       if (i  ==   this ._ColumnNum)
 232                                      {
 233                                          cell.Text  =   " <input type=checkbox   name=' " + this .UniqueID + " HBCheckAll' id='Ck_ " +  dv.Table.Rows[h][i].ToString()  + " ' value=' " +  dv.Table.Rows[h][i].ToString() + " '> " ;
 234                                      }
 235                                       else
236                                      {
 237                                          cell.Text  =  dv.Table.Rows[h][i].ToString();
 238                                      }
 239                                       // 增加单击事件
240                                       if (_ClickItem.EnableClick)     // 是否启用单击事件
241                                      {
 242                                           if (_ClickItem.ClickColumnItem !=- 1   && i  == _ClickItem.ClickColumnItem)
 243                                          {                                            
 244                                              cell.Attributes.Add( " onclick " , " OnClickColumn(); " );
 245                                              cell.ID  =  dv.Table.Rows[h][i].ToString();
 246                                          }
 247                                      }
 248                                  }
 249                              }
 250                               else
251                              {
 252                                   if (useDataSource)
 253                                  {
 254                                      
 255                                      cell.Text  =  dv.Table.Rows[h][i].ToString();
 256                                  }
 257                              }
 258                              cells.Add(cell);
 259                          
 260                          }
 261 
262                          rows.Add(row);
 263                          rowCount  ++ ;
 264                           #endregion
265 
266                           if (useDataSource)
 267                          {
 268                              ViewState[ " RowCount " ]  =  rowCount;
 269                              ViewState[ " ColumnCount " ]  =  columnCount;
 270                          }
 271                      }
 272                  }
 273 
274              }
 275          }
 276           #endregion

我在45行把数据源转换成了DataView，如果我不这样转成DataView ，在我对数据源赋值的时候，由于表的列名是英文的，我想把它换成汉语的字段名，我先把Table取了出来，然后再对它的列进行改ColumnName，结果显示出来的列名没有按照原来的排序出来，而是乱的，不知道是怎么回事，我45行不改是支持多数据源的，现在只支持DataView了。这是怎么会事？请高手指教。
下面是源代码：
不刷新DataGrid

转载于:https://www.cnblogs.com/HeroBeast/archive/2007/02/25/656420.html

【愚公系列】2023年10月 WPF控件专题 DataGrid控件详解
时光隧道
08-12 5万+
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。
DataGridView控件不能添加新记录的解决方法一例
aguisy的专栏
09-05 1662
DataGridView控件不能添加新记录。调试跟踪，发现dgvOutVerify.NewRowIndex值为-1，说明DataGridView控件没有正常添加行。如果改成下面方案：            AccountWhVerifyModule newMod = new AccountWhVerifyModule();            newMod.WareHouse = cmbWareHouse.Text;            newMod.AccountID = CurrentAccount
JqueryEasyUI 解决IE下datagrid无法刷新的问题 分类： ...
weixin_34327223的博客
09-20 217
问题描述： 在使用JqueryEasyUI 时，发现在IE下$('#table').datagrid('reload');无效，数据并没有被刷新，究其原因，是因为刷新时，datagrid请求的url没有变化，IE就从浏览器缓存里取数据了，返回的是302响应码。 解决办法： 在$('#table').datagrid('reload');前修改$('#table')的url，可以增加一...
Winforms: DataGridView的显示刷新问题
dz45693的专栏
06-18 4257
Winforms: DataGridView的显示刷新问题
jquery easyui datagrid reload 不能及时刷新问题？
jger_520的专栏
07-25 6217
我的设计思想是每次做添加、修改、删除操作成功时，执行一次datagrid的reload事件（如$('#id').datagrid("reload")）,每次添加、修改、删除操作都是与服务器异步交互，通过返回值来进行操作，如返回1，代表成功，那么就刷新下datagrid，现在的问题是有些时候明明返回值为1（即操作成功时），界面也显示了正在刷新的图标（如“Loading...”），但数据却没改变
DataGridView表格数据刷新问题
最新发布
kenzoh的博客
12-28 612
修改表格数据后，鼠标不离开单元格时就点击保存，该单元格修改后的数据未保存
WPF DataGrid 拖拽实现
11-16
在Windows Presentation Foundation (WPF) 中，DataGrid控件是一个非常强大的工具，用于展示和编辑数据集合。在很多情况下，用户可能需要实现拖放功能，以便更自由地组织和操作表格中的数据。本文将深入探讨如何在...
Flex Datagrid控件实现增删改查与分页操作
而DataGrid控件是Flex中用于显示和操作表格数据的组件，它提供了丰富的功能，如数据排序、分页以及自定义单元格显示等。 要实现基于DataGrid控件的增删改查（CRUD）操作及分页功能，开发者需要掌握几个关键技术和...
VC中使用DataGrid控件操作Recordset实现数据展示与编辑
"本文主要探讨了在VC++环境中使用DataGrid控件进行数据展示和操作的相关技术。DataGrid是一个常用于Windows应用程序中的控件，它能够有效地显示和管理数据库中的表格数据，提供添加、删除和更新记录的功能。" 在...
WPF DataGrid控件操作技巧：新增、修改、删除数据指南
在讨论DataGrid控件的新建、增减、修改、删除等测试之前，首先需要了解DataGrid控件的定义以及在WPF（Windows Presentation Foundation）应用程序中的作用。DataGrid是一个可扩展的、功能丰富的用户界面元素，用于在...
DataGrid各种删除方法
sqw_1225的专栏
11-10 726
1.    在按钮的文本框中加:"删除"         相关代码:           
BJUI接受TabID实现添加或编辑后自动刷新页面
BADAO_LIUMANG_QIZHI的博客
11-19 1944
场景 借助于BJUI框架，不管是添加还是编辑，都要共用同一个页面，执行同一个save方法。 参照： https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/84098171 但是实现添加或者编辑后不会自动刷新页面，还要我们手动刷新页面，所以我们要给BJUI传一个TabID，即页面标识，让它知道它给我们刷新哪个页面。 实现 1....
BJUI 转
weixin_30883271的博客
09-23 669
B-JUI 前端框架B-JUI（Bootstrap for DWZ）是一个富客户端框架，基于DWZ-jUI富客户端框架修改。本文是B-JUI中文使用手册，包括使用示例代码，感兴趣的同学参考下。概览B-JUI仅有一个主页面(document)，框架内的所有子页面将通过Ajax获取后作为一个页面片段附加到主页面上，外部页面则通过iframe嵌入主页面， 本节介绍 B-JUI的主页面结构。HT...
datagridview刷新,更新,refresh
brian0031的专栏
11-13 6276
http://www.cnblogs.com/fengfeng/archive/2008/03/27/1125225.html dataGridView的刷新(更新)，Refresh private DataTable _dtAdd = new DataTable(); private void textBox11_TextChanged(object sender, EventArgs e
b-jui框架 datagrid数据添加单击事件
wanghe1228的博客
03-07 2248
datagrid数据行单击事件 $.CurrentNavtab.find('#resultList_res').on('click.bjui.datagrid.tr',function(e,checkbox){ //你的逻辑 }）； 应该是好使的 ！
easyui中datagrid空数据集不刷新的解决方式
weixin_30412577的博客
01-09 226
datagrid空间可以异步请求json数据，并将新数据覆盖原有数据，重绘数据表。 但是当回来空数据集的时候，js会产生这样一条错误: TypeError: rows is null for(var i=0;i<rows.length;i++){ ^ 问题出在哪呢？ 可以看到当空数据集时返回的内容是： {"total":...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值