为 ItemsControl 类型的控件提供行号,mvvm模式 绑定集合
从网络上看到的两种方式,一种是,在 codebehind 里为 控件写事件,下面是将集合绑定到 DataGrid 控件:
private void DataGridSoftware_LoadingRow(object sender, DataGridRowEventArgs e)
{
e.Row.Header = e.Row.GetIndex() + ;
}
貌似可行,但是先不说 mvvm 下这种方式的可行性,更新列表某一项,就必须得再写一套处理逻辑。
于是,直接在 ViewModel 里定义一个 Index 属性就成为了另一个可行的方法:
public class MainDataViewModel : ObservableObject
{
private string _MyProperty;
public string MyProperty
{
get { return _MyProperty; }
set
{
_MyProperty = value;
RaisePropertyChanged("MyProperty");
}
} private int _Index;
public int Index
{
get { return _Index; }
set
{
_Index = value;
RaisePropertyChanged("Index");
}
}
}
结果同样令人汗颜, 因为同样得自己处理逻辑为定义的 Index 属性动态更改数值,不然位置一样是假的。
接下来还试过几种方式,都觉得很乱,需要处理的东西太多,到底有没有一个好的方式去搞定他呢!
首先,系统的看一下微软的MSDN -- <数据绑定概述> 这一节,一开始你会觉得哎呀太简单了,但是切入点就在这里。
你会发现两段代码,不是很显眼:
<Window.Resources>
... <CollectionViewSource
Source="{Binding Source={x:Static Application.Current}, Path=AuctionItems}" x:Key="listingDataView" />
...
</Window.Resources> <ListBox Name="Master" Grid.Row="2" Grid.ColumnSpan="3" Margin="8"
ItemsSource="{Binding Source={StaticResource listingDataView}}">
... </ListBox>
答案就在这里,切入点就是 CollectionView
其实接下来,我就不知道该如何去做了,只是隐隐的感觉到它就是能解决问题的关键,但是我不甘心就在这里停下,就跟着微软的示范(后面有提到),将这个CollectionView加入了Converter:
/// <summary>
/// 获取 定义视图中 该项的位置,从 1 开始
/// </summary>
[ValueConversion(typeof(object), typeof(int))]
public class Item2IndexConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
int resault = ;
var iLi = parameter as CollectionViewSource;
if (null != iLi)
{
CollectionView cv = (CollectionView)iLi.View;
resault = cv.IndexOf(value) + ;
}
return resault > ? resault : System.Windows.DependencyProperty.UnsetValue;
} public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}
于是,控件的获取就简单了,把你的当前项和视图,都传进来,我判断一下这个项在哪个位置就行了。
前台如果是DataGrid,就是类似于这样:
<Window.Resources>
<converter:Item2IndexConverter x:Key="item_index_converter"/>
<CollectionViewSource Source="{Binding VmMainDataListing}" x:Key="listingDataView" />
</Window.Resources> <Grid>
<DataGrid RowHeaderWidth="40" ItemsSource="{Binding Source={StaticResource listingDataView}}" >
<DataGrid.RowHeaderStyle>
<!-- 显示行号 -->
<Style TargetType="{x:Type DataGridRowHeader}">
<Setter Property="Content" Value="{Binding Converter={StaticResource item_index_converter},ConverterParameter={StaticResource listingDataView}}" />
</Style>
</DataGrid.RowHeaderStyle>
<DataGrid.Columns>
列表内容
</DataGrid.Columns>
</DataGrid>
</Grid>
整体的思路如下:
1.首先,我们的列表类型控件,获取到的源,是一个中间提供者——CollectionViewSource,他支持数据的封装,用于显示方面的排序、分组、序列
2.有了这种会自己更改排序的源,我们就可以放心的将前台序号的统计任务交给他,剩下的工作就是获取我们想要的序号。
3.获取序号的方式,是采用了微软的示范代码的形式,使用Converter进行获取,可以在 《DataGrid.RowHeaderStyle》的介绍页面的示范下找到,不过它的源是直接获取的一个控件,这种方式实际应用起来是不可行的。
最后,如果你们有更好的法子,请留言交流,期待你们的墨水……
为 ItemsControl 类型的控件提供行号,mvvm模式 绑定集合的更多相关文章
- ASP.NET 迭代控件获得行号
如何获取Repeater的当前行号,其实Repeater自身就带有这个获取当前行号的属性,而无需程序员绑定这个行号.到底要怎么实现呢?其实使用Repeater中的 Container.ItemInde ...
- C#WinForm的DataGridView控件显示行号
public void ShowIndex(DataGridView dgv) { for (int i = 0; i < dgv.Ro ...
- 背水一战 Windows 10 (53) - 控件(集合类): ItemsControl 的布局控件 - ItemsStackPanel, ItemsWrapGrid
[源码下载] 背水一战 Windows 10 (53) - 控件(集合类): ItemsControl 的布局控件 - ItemsStackPanel, ItemsWrapGrid 作者:webabc ...
- 背水一战 Windows 10 (54) - 控件(集合类): ItemsControl 的布局控件 - OrientedVirtualizingPanel, VirtualizingStackPanel, WrapGrid
[源码下载] 背水一战 Windows 10 (54) - 控件(集合类): ItemsControl 的布局控件 - OrientedVirtualizingPanel, VirtualizingS ...
- WPF编程,通过KeyFrame 类型制作控件线性动画的一种方法。
原文:WPF编程,通过KeyFrame 类型制作控件线性动画的一种方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net/qq_43307934/articl ...
- SPC软控件提供商NWA的产品在各行业的应用(包装行业)
Northwest Analytical (NWA)是全球领先的“工业4.0”制造分析SPC软件控件提供商.产品(包含: NWA Quality Analyst , NWA Focus EMI 和 N ...
- SPC软控件提供商NWA的产品在各行业的应用(石油天然气行业)
Northwest Analytical (NWA)是全球领先的“工业4.0”制造分析SPC软件控件提供商.产品(包含: NWA Quality Analyst , NWA Focus EMI 和 N ...
- SPC软控件提供商NWA的产品在各行业的应用(生命科学行业)
在上一篇文章中,我们提到了NWA软件产品在各行业都有广泛的应用,并且就化工行业的应用展开了详细介绍.而在本文中,您将看到NWA产品在生命科学行业也扮演着不可替代的角色. Northwest Analy ...
- SPC软控件提供商NWA的产品在各行业的应用(化工行业)
Northwest Analytical (NWA)是全球领先的“工业4.0”制造分析SPC软件控件提供商.产品(包含: NWA Quality Analyst , NWA Focus EMI 和 N ...
随机推荐
- Code First TPH、TPT、TPC与继承类
一.Table Per Hierarchy (TPH,默认) 每个层次结构共用一个表,类的每一个属性都必须是可空的. 1.默认行为 只建立一个表,把基类和子类中的所有属性都映射为表中的列. 在这种处理 ...
- Redis的Windows端开发连接Linux端以及相应的代码实现
在Windows端开发连接需要进行配置文件的配置: 在redis.conf配置文件中 将protected-mode yes,修改为protected-mode no:不保护redis # By de ...
- js 飞机大战
完整文件及代码可以在网盘下载,下载链接为:https://pan.baidu.com/s/1hs7sBUs 密码: d83x 飞机大战css定义: <style> #container{ ...
- Linux下rm -rf删除文件夹报错_ Device or resource busy
1.错误信息 rm: cannot remove `speechd-centos_6.2-prtl-pred-mf34/modules/t2p/py/third/g2p/.nfs00000000039 ...
- 记录 iOS 各种跳转到系统应用
MARK ----拨打电话 NSString* phoneVersion = [[UIDevice currentDevice] systemVersion]; if (phoneVersion.fl ...
- mime中间件
mime中间件Demo,里面用到的有 1.path模块 //引入模块 var path=require('path'); 2.extname方法 //获取文件的扩展名 var extname=path ...
- careercup-扩展性和存储限制10.6
题目 你有10亿个url,每个url对应一个非常大的网页.你怎么检测重复的网页? 解答 网页大,数量多,要把它们载入内存是不现实的. 因此我们需要一个更简短的方式来表示这些网页.而hash表正是干这事 ...
- jquery实现页面图片轮播
1.创建一个html页面 <!DOCTYPE html><html lang="en"><head> <meta charset=&quo ...
- Redis笔记 -- 在 Centos7.4单机中部署Redis集群(二)
0x00--背景和目的 在单台PC服务器上部署Redis集群,通过不同的TCP端口启动多实例,模拟多台独立PC组成集群. 0x01--环境描述: Centos版本:CentOS Linux relea ...
- redux和react-redux的使用详解
我自己的理解redux就跟vue中的vuex差不多,都是数据管理器,话不多说,我们从经典的计数器案例开始讲解 使用redux实现计数器 创建如下的react项目,我习惯把每一个模块分块,才有这么多文件 ...