为 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 ...
随机推荐
- ZT 接口和实现分离
什么叫接口和实现分离,如何实现 [问题点数:20分,结帖人heronism] http://bbs.csdn.net/topics/310212385 http://blog.csdn.net/sta ...
- 浅谈SAP Cloud for Sales 自动化
在Jerry还在本科进行计算机理论知识学习时,我曾经把软件开发里的质量工程师(Quality Engineer)理解成是每天只是简单地做着运行开发人员编写好的软件,如果发现问题,通知开发人员去修改这种 ...
- SAP CRM One order里user status和system status的mapping逻辑
Below example show: How the mapping relationship between User status and System status maintained in ...
- [零基础学JAVA]Java SE基础部分-01. Java发展及JDK配置
转自:http://redking.blog.51cto.com/27212/114976 重点要会以下两个方面: 1. 抽象类与接口 2. API==>类集 这是两个最重要部分,这两个部分理解 ...
- UML用例图间关系说明
用例间一般存在如下四种关系: 1."通信"关系(<<cmmunicate>>构造型): "通信"关系:使用实心的关联线或带<< ...
- IOS AFN (第三方请求)
什么是AFN全称是AFNetworking,是对NSURLConnection.NSURLSession的一层封装虽然运行效率没有ASI高,但是使用比ASI简单在iOS开发中,使用比较广泛 AFN的g ...
- (转)对于ESP、EBP寄存器的理解
原文地址https://blog.csdn.net/yeruby/article/details/39780943 esp是栈指针,是cpu机制决定的,push.pop指令会自动调整esp的值: eb ...
- 轮播图3D效果--roundabout(兼容IE8)升级版
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- maven工程src/main/java目录无法创建问题
在项目上右键选择properties,然后点击Javabuild path,在Librarys下,编辑JRE System Library,选择 workspace default jre 即可
- 在thinkphp5.0中调用ajax时, 返回的JSON 格式数据在html前台不能用时
在thinkphp5.0中调用ajax时,如果控制器返回的数据为json格式,视图层接收到返回值即为json格式的数据,此时应该把 JSON 文本转换为 JavaScript 对象,方便调用.具体代码 ...