WPF 实现主从的datagrid以及操作rowdetailtemplate 的方法
原文:WPF 实现主从的datagrid以及操作rowdetailtemplate 的方法
WPF 实现主从的datagrid以及操作rowdetailtemplate 的方法
最近在做一个项目,其中要用到主从表数据的折叠和隐藏,并且对从表中的数据能够获取和操作,虽然搞了好久,但最终被我推敲出来了,写出来分享一下,让朋友少走弯路,废话不说了,先上效果图:

下面是代码:
|
|
前台 <DataGrid ItemsSource="{Binding}"Name="dataGrid1"MouseUp="dataGrid1_MouseUp"...> <DataGrid.Columns> <DataGridTemplateColumn Width="Auto"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <Expander Expanded="Expander_Expanded"Collapsed="Expander_Collapsed"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTextColumn Binding="{Binding Facility_type}"FontSize="22"Header="設備類型" "120"/>
<DataGridTextColumn FontSize="22"Header="廠房代碼"Width="85" <DataGridTextColumn FontSize="22" Header="樓層"Width="70" <DataGridTextColumn FontSize="22" Header="部門名稱"Width="430" <DataGridTextColumn Binding="{Binding Count_all}"FontSize="22" Header="設備總數" "100"/>
<DataGridTextColumn Binding="{Binding Count_no}"FontSize="25" FontWeight="Bold" "Red" Header="未使用數量" Width="115"/> <DataGridTextColumn Binding="{Binding Count_yes}"FontSize="22" Foreground="Green" "使用中數量" Width="115"/>
</DataGrid.Columns> <DataGrid.RowDetailsTemplate > <DataTemplate >
<DataGrid Name="dataGrid2" Width="1070" SelectedValuePath = "dept_code"IsReadOnly="True" "None"HorizontalGridLinesBrush="#FFE0E2DF"VerticalGridLinesBrush="#FFE0E2DF" ItemsSource="{Binding Details}"CanUserAddRows="False"SelectionUnit="FullRow" AutoGenerateColumns="False" MouseUp="dataGrid2_MouseUp"> <DataGrid.Columns> <DataGridTextColumn Header="" Width="150"/> <DataGridTextColumn Binding="{Binding building_code}"FontSize="22"Header="廠房代碼" "85"/>
<DataGridTextColumn Binding="{Binding floor}"FontSize="22" Header="樓層" "70"/>
<DataGridTextColumn Binding="{Binding dept_name}"FontSize="22" Header="部門名稱" "430"/>
<DataGridTextColumn Binding="{Binding count_all}"FontSize="22" Header="設備總數" "100"/>
<DataGridTextColumn Binding="{Binding count_no}" FontSize="25" FontWeight="Bold" "Red" Header="未使用數量" Width="115" <DataGridTextColumn Binding="{Binding count_yes}"FontSize="22" Foreground="Green" "使用中數量" Width="115"/> </DataGrid.Columns> </DataTemplate> </DataGrid.RowDetailsTemplate> ... </DataGrid> |
下面是后台:
|
|
using System;
using System.Data; using System.Windows; using System.Windows.Input; using System.Windows.Media; using System.Windows.Controls; using System.Collections.ObjectModel; using System.Windows.Threading; namespace { /// <summary> /// HumanWork.xaml 的交互逻辑 /// </summary> publicpartialclass FacilitySum:Window { public string Company_code; // public string Select_item; publicObservableCollection<Facility> Items {get;set; } privatedelegatevoid ThreadDelegate();//申明一个专用来调用更改线程函数的委托 publicDispatcherTimer ShowTimer; publicFacilitySum(string company_code) { this.Company_code = company_code; InitializeComponent(); this.WindowState = WindowState.Maximized; }
privatevoidWindow_Loaded(object sender, RoutedEventArgs e) { //datagrid数据的加载 Items = new DataSet dsFacility = newBLL.DSP_FACILITY_USE().GetFacility_status_Sum(Company_code); DataSet dsFacilityDetail = newBLL.DSP_FACILITY_USE().GetFacility_UseStatus(Company_code); int count = dsFacility.Tables[0].Rows.Count; for (inti =0; i < count; i++) { Items.Add(new } dataGrid1.Items.Clear(); dataGrid1.ItemsSource = Items; dataGrid1.Items.Refresh(); dataGrid1.SelectedValuePath = "facility_type"; }
//展开,收缩子表的方法 privatevoidExpander_Expanded(object sender, RoutedEventArgs e) { DataGridRow row = FindVisualParent<DataGridRow>(sender as Expander);
row.DetailsVisibility = System.Windows.Visibility.Visible; } privatevoidExpander_Collapsed(object sender, RoutedEventArgs e) { DataGridRow row = FindVisualParent<DataGridRow>(sender as Expander);
row.DetailsVisibility = System.Windows.Visibility.Collapsed; } publicT FindVisualParent<T>(DependencyObject child) where T : DependencyObject { DependencyObject parentObject = VisualTreeHelper.GetParent(child); if (parentObject == null) returnnull; T parent = parentObject asT; if (parent != null) return parent;
else return FindVisualParent<T>(parentObject); } //下面的方法曾让我教头烂额,感叹微软的控件封装的太牛逼了,处理起来有点变态 /// <summary> /// 找到行明细中嵌套的控件名称 /// </summary> /// <typeparam name="T"></typeparam> /// <param name="parent"></param> /// <param name="name"></param> /// <returns></returns> publicT FindVisualChildByName<T>(DependencyObject parent, string name) where T : DependencyObject { if(parent !=null) { for(inti=0;i<VisualTreeHelper.GetChildrenCount(parent);i++) { varchild = VisualTreeHelper.GetChild(parent, i)asDependencyObject; string controlName=child.GetValue(Control.NameProperty)asstring; if(controlName==name) { returnchild as } else { T result=FindVisualChildByName<T>(child,name); if(result!=null) returnresult; } } } return null; }
//父表的事件处理驱动 privatevoiddataGrid1_MouseUp(object sender, MouseButtonEventArgs e) { if (dataGrid1.CurrentCell.Column !=null&& dataGrid1.CurrentCell.Column.Header!=null) { string facility_type = (dataGrid1.Columns[1].GetCellContent(dataGrid1.CurrentCell.Item)asTextBlock).Text; string head = dataGrid1.CurrentCell.Column.Header.ToString(); //这边可以根据实际写自己的一些方法 } }
//字表,也就是rowdetailtemplate中的datagrid 的事件处理方法,其中有调用上面的约束泛型类型的方法。 private void { //下面的两行代码很关键 DataGridRow dgr = (DataGridRow)dataGrid1.ItemContainerGenerator.ContainerFromIndex(this.dataGrid1.SelectedIndex); DataGrid dg= FindVisualChildByName<DataGrid>(dgr, "dataGrid2") asDataGrid; //获取鼠标点击的行每一单元格的值 string facility_type = (dataGrid1.Columns[1].GetCellContent(dataGrid1.CurrentCell.Item)asTextBlock).Text; string building_code = (dg.Columns[1].GetCellContent(dg.CurrentCell.Item)asTextBlock).Text; string floor = (dg.Columns[2].GetCellContent(dg.CurrentCell.Item)asTextBlock).Text; string dept_code =dg.SelectedValue.ToString();
string head = dg.CurrentCell.Column.Header.ToString(); //获得一些信息后你可以自己写方法实现需要的功能 } } // 定义集合类用于存放栏位值 publicclassFacility { //static string FACILITY_TYPE; public string Facility_type{get;set; } public string Building_code {get;set; } public string Floor { get; set; } public string Dept_code {get;set; } public string Count_all {get;set; } public string Count_no {get;set; } public string Count_yes {get;set; } public ObservableCollection<Facility_Detail> Details {get;set; } public Facility(string company_code,introw_index,DataSet dsfacilitySum ,DataSet dsFacilityDetail) {
Facility_type = dsfacilitySum.Tables[0].Rows[row_index]["facility_type"].ToString(); Count_all = dsfacilitySum.Tables[0].Rows[row_index]["count_all"].ToString(); Count_no = dsfacilitySum.Tables[0].Rows[row_index]["count_no"].ToString(); Count_yes = dsfacilitySum.Tables[0].Rows[row_index]["count_yes"].ToString(); Details = new //详细信息 System.Data.DataTable dtDetail = newSystem.Data.DataTable(); DataRow[] rowDetail = dsFacilityDetail.Tables[0].Select("facility_type='"+ Facility_type +"'"); dtDetail = dsFacilityDetail.Tables[0].Clone(); foreach (DataRow dr inrowDetail) { Details.Add(newFacility_Detail() { facility_type = Facility_type, building_code = dr["building_code"].ToString(), floor = dr["floor"].ToString(), dept_code = dr["dept_code"].ToString(), dept_name = dr["dept_name"].ToString(), count_all = dr["count_all"].ToString(), count_no = dr["count_no"].ToString(), count_yes = dr["count_yes"].ToString() }); } } } publicclassFacility_Detail { //定义属性 public string facility_type {get;set; } public string building_code {get;set; } public string floor { get; set; } public string dept_code {get;set; } public string dept_name {get;set; } public string count_all {get;set; } public string count_no {get;set; } public string count_yes {get;set; } } } |
代码虽然很多,但是看下来不觉得繁琐。在这里还要感叹一下,微软的东西,尤其是控件这种东西封装的太死了,你用第三方的控件其实还不如自己写,能明白很多东西。欢迎大家批评指正。
WPF 实现主从的datagrid以及操作rowdetailtemplate 的方法的更多相关文章
- easyui datagrid 动态操作editor 的方法
easyui本身是不提供这么细节的功能的,需要我们自己拓展下: 在easyui.min.js中扩展: $.extend($.fn.datagrid.methods, { addEditor : fun ...
- WPF+MVVM学习总结 DataGrid简单案例
一.WPF概要 WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户界面框架,属于.NET Framework 3.0的一部分.它提供了统一的 ...
- MSDN 杂志:UI 前沿技术 - WPF 中的多点触控操作事件
原文 MSDN 杂志:UI 前沿技术 - WPF 中的多点触控操作事件 UI 前沿技术 WPF 中的多点触控操作事件 Charles Petzold 下载代码示例 就在过去几年,多点触控还只是科幻电 ...
- WPF DataGrid 列宽填充表格方法
WPF中使DataGrid 列宽填充表格方法,设置ColumnWidth属性为ColumnWidth="*"即可. 源码: <DataGrid AutoGenerateCol ...
- Asp.Net MVC +EntityFramework主从表新增编辑操作的实现(删除操作怎么实现?)
Asp.Net MVC +EntityFramework主从表新增编辑操作的实现 对于MVC中同时对主从表的表单操作在网上现有的解决很少,而这样的操作在做业务系统中是经常为遇到的.我在网上搜索了很久都 ...
- WPF Window背景半透明 ,蒙版操作实现
原文:WPF Window背景半透明 ,蒙版操作实现 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/BYH371256/article/detail ...
- WPF自定义样式篇-DataGrid
WPF自定义样式篇-DataGrid 先上效果图: 样式: <!--DataGrid样式--> <Style TargetType="DataGrid"& ...
- MVVM框架从WPF移植到UWP遇到的问题和解决方法
MVVM框架从WPF移植到UWP遇到的问题和解决方法 0x00 起因 这几天开始学习UWP了,之前有WPF经验,所以总体感觉还可以,看了一些基础概念和主题,写了几个测试程序,突然想起来了前一段时间在W ...
- 一些ES5的操作数组的方法
在ES5规范中新增了不少操作数组的方法,特此罗列一下以备使用 1. forEach循环 有点类似jQuery的each循环 [12,23,36,4,5].forEach(function(v,k){ ...
随机推荐
- Lightning 组件基础知识
Lightning框架简介 Lightning框架是Salesforce提供的一套基于用户界面的开发框架,对于开发单页面应用(Single Page Application)有很大的帮助.它和Visu ...
- 【转载】Android RecyclerView 使用完全解析 体验艺术般的控件
崇拜下鸿洋大神,原文地址:http://blog.csdn.net/lmj623565791/article/details/45059587 概述 RecyclerView出现已经有一段时间了,相信 ...
- python第一百零二天-----第十七周作业
由于内容众多 直接使用 git 链接 : https://github.com/uge3/hosts_masg 主机管理WEB页面 使用 SQLALchemy 主机管理(8列) ip 用户表: 用户名 ...
- CentOS7查询系统版本内核信息
1. 查看版本号 查看CentOS的版本号命令: [root@localhost ~]# cat /etc/centos-releaseCentOS Linux release 7.4.1708 (C ...
- WampServer 安装使用详解
WampServer集成环境的搭建.安装.使用.配置 什么是WampServer WampServer是一款由法国人开发的Apache Web服务器.PHP解释器以及MySQL数据库的整合软件包.免去 ...
- emWin及StemWin使用中关于菜单栏的应用与问题
前言:在我看来,emWin和StemWin就是基本相同的库文件,关于这个库文件的移植,网络上有很多教材,比如“ALIENTEK emWin开发手册”,他们家提供了各种STM32系列的开发手册,我这里记 ...
- Deepin系统手动安装oracle jdk8详细教程
Deepin系统手动安装oracle jdk8详细教程 oracle官网下载jdk压缩包,使用 sudo tar -zxf jdk***解压文件,我放在在了home/diy/java/jdk路径下. ...
- 超详细!Github团队协作教程(Gitkraken版)
超详细!Github团队协作教程(Gitkraken版) 一.前期工作 1. 在 Github 上创建 organization step1. 登录Github网站,点击右上角头像,选择 " ...
- 17秋 软件工程 团队第五次作业 Alpha Scrum4
17秋 软件工程 团队第五次作业 Alpha Scrum4 今日完成的任务 世强:部门基础信息模块数据更新.部门审核提交: 港晨:设计编写登录界面的一部分: 树民:学习python基本语法.flask ...
- Ceph基础知识和基础架构认识
1 Ceph基础介绍 Ceph是一个可靠地.自动重均衡.自动恢复的分布式存储系统,根据场景划分可以将Ceph分为三大块,分别是对象存储.块设备存储和文件系统服务.在虚拟化领域里,比较常用到的是Cep ...