DataGrid使用

本文介绍了ASP.NET中DataGrid控件的多种实用操作方法,包括如何为DataGrid中的删除按钮添加确认提示、实现行的样式交替效果、自动添加编号列、在DataGrid中加入CheckBox并实现全选功能,以及如何通过CheckBox选择并删除DataGrid中的记录。

  添加删除确认: 

private void DataGrid1_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e) 

 foreach(DataGridItem di in this.DataGrid1.Items) 
 { 
  if(di.ItemType==ListItemType.Item||di.ItemType==ListItemType.AlternatingItem) 
  { 
   ((LinkButton)di.Cells[8].Controls[0]).Attributes.Add("onclick","return confirm(’确认删除此项吗?’);"); 
  } 
 } 
}  

  样式交替: 

ListItemType itemType = e.Item.ItemType; 

if (itemType == ListItemType.Item ) 

 e.Item.Attributes["onmouseout"] = "javascript:this.style.backgroundColor=’#FFFFFF’;"; 
 e.Item.Attributes["onmouseover"] = "javascript:this.style.backgroundColor=’#d9ece1’;cursor=’hand’;" ; 

else if( itemType == ListItemType.AlternatingItem) 

 e.Item.Attributes["onmouseout"] = "javascript:this.style.backgroundColor=’#a0d7c4’;"; 
 e.Item.Attributes["onmouseover"] = "javascript:this.style.backgroundColor=’#d9ece1’;cursor=’hand’;" ; 
}  

  添加一个编号列: 

DataTable dt= c.ExecuteRtnTableForAccess(sqltxt); //执行sql返回的DataTable 
DataColumn dc=dt.Columns.Add("number",System.Type.GetType("System.String")); 

for(int i=0;i<dt.Rows.Count;i++) 

 dt.Rows[i]["number"]=(i+1).ToString(); 

DataGrid1.DataSource=dt; 
DataGrid1.DataBind();  

  DataGrid1中添加一个CheckBox,页面中添加一个全选框 

private void CheckBox2_CheckedChanged(object sender, System.EventArgs e) 

 foreach(DataGridItem thisitem in DataGrid1.Items) 
 { 
  ((CheckBox)thisitem.Cells[0].Controls[1]).Checked=CheckBox2.Checked; 
 } 
}  

  将当前页面中DataGrid1显示的数据全部删除 

foreach(DataGridItem thisitem in DataGrid1.Items) 

 if(((CheckBox)thisitem.Cells[0].Controls[1]).Checked) 
 { 
  string strloginid= DataGrid1.DataKeys[thisitem.ItemIndex].ToString(); 
  Del (strloginid); //删除函数 
 } 
}  
 

### 数据网格 (Datagrid) 使用方法综述 对于不同平台和技术栈中的 `DataGrid` 组件,存在多种使用方式和配置选项。以下是针对几种常见环境下的 `DataGrid` 使用指导: #### Canvas Datagrid 安装与配置 Canvas Datagrid 提供了一套完整的安装向导以及基础设置流程[^1]。通过遵循官方给出的教程,开发者可以快速上手并实现基本的功能需求。 ```javascript // JavaScript 实例化 Canvas Datagrid 并应用到页面元素中 var grid = new canvasDatagrid({ parentNode: document.getElementById('grid-container') }); ``` #### Canvas Datagrid 高级特性探索 除了初始化之外,Canvas Datagrid 还支持丰富的自定义属性来增强用户体验。这包括但不限于列宽调整、分页处理等功能[^2]。 #### WPF DataGrid 控件详解 WPF 中的 `DataGrid` 是一种强大的表格控件,适用于 Windows 应用程序开发。它允许动态加载数据源,并提供了灵活的数据绑定机制和支持各种交互操作如编辑、增删行等[^3]。 ```xml <!-- XAML 示例:创建一个简单的 WPF DataGrid --> <DataGrid AutoGenerateColumns="True" ItemsSource="{Binding MyDataSource}" /> ``` #### Vue.js 下的 DataGrid 解决方案 面向现代前端框架 Vue.js 用户群体,则有专门设计用于该生态系统的插件——vue3-datagrid。该项目不仅实现了传统意义上的表格渲染,还集成了电子表格式的高级功能[^4]。 ```html <template> <!-- HTML 结构部分 --> <div id="app"> <v-grid :data="tableData"></v-grid> </div> </template> <script setup lang="ts"> import { ref } from 'vue'; const tableData = ref([ {"name": "John", "age": 30}, {"name": "Jane", "age": 25} ]); </script> ``` #### 外部滚动条集成案例 - WPF DataGrid 当涉及到更复杂的布局或者特定的设计要求时,在某些情况下可能需要外部控制 `DataGrid` 的滚动行为。例如,在 WPF 中可以通过引入额外的 `ScrollBar` 来达到这一目的[^5]。 ```xml <!-- XAML 片段:关联外部 ScrollBar 和 DataGrid 滚动 --> <ScrollViewer VerticalScrollBarVisibility="Hidden"> <DataGrid Name="myDataGrid"/> </ScrollViewer> <ScrollBar Orientation="Vertical" Value="{Binding ElementName=myDataGrid, Path=VerticalOffset}" Maximum="{Binding ElementName=myDataGrid, Path=ScrollableHeight}" ViewportSize="{Binding ElementName=myDataGrid, Path=ViewportHeight}"/> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值