MVVM-Light模式，在dataGrid的模板下，绑定事件不触发的原因已经服务端排序的实现

最新推荐文章于 2024-01-14 13:44:38 发布
最新推荐文章于 2024-01-14 13:44:38 发布
阅读量2.4k 收藏
点赞数 1
分类专栏： Silverlight,WPF 工作记录 文章标签： datagrid binding datatemplate header radiobutton command
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kntao/article/details/6922003
版权

如果以下绑定，DataGrid 模板里的Radio 的绑定事件将不会被触发：

<sdk:DataGrid Grid.Column="0" x:Name="dataGrid" IsReadOnly="True"  AutoGenerateColumns="False"  Width="auto" Height="auto" HorizontalAlignment="Left" VerticalAlignment="Top"  
                              ItemsSource="{Binding NoticeCollection,Mode=TwoWay}" IsTabStop="False" Style="{StaticResource DataGridStyle}"  ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"  RowStyle="{StaticResource DataGridRowStyle}" >
                        <i:Interaction.Triggers>
                            <i:EventTrigger  EventName="MouseLeftButtonDown">
                                <ei:CallMethodAction  MethodName="DatagridMouseLeftButtonDown" TargetObject="{Binding}">
                                </ei:CallMethodAction>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                        <sdk:DataGrid.Columns>
                            <sdk:DataGridTemplateColumn Header="选项" Width="0.1*">
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <RadioButton  GroupName="sel" Command="{Binding MessageSelected}" CommandParameter="{Binding Id,Mode=OneWay}" ></RadioButton>
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                            <sdk:DataGridTemplateColumn Header="标题"  Width="0.3*" >
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <HyperlinkButton  Content="{Binding Title,Mode=OneWay}" Style="{StaticResource PageHyperlinkButtonStyle}"  Command="{Binding Source={StaticResource Locator},Path=NoticeListViewModelStatic.ViewMsgCommand}" CommandParameter="{Binding Id,Mode=OneWay}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                            <sdk:DataGridTextColumn Header="信息内容" Width="0.4*" Binding="{Binding Content,Mode=OneWay}"></sdk:DataGridTextColumn>
                            <!--<sdk:DataGridTextColumn Header="创建时间"   Width="0.2*" Binding="{Binding CreateTime,Mode=OneWay,StringFormat='yyy-MM-dd HH:mm'}"></sdk:DataGridTextColumn>-->
                            <sdk:DataGridTemplateColumn Header="创建时间" Width="0.2*" >
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <TextBlock Text="{Binding CreateTime,Mode=OneWay,StringFormat='yyy-MM-dd HH:mm'}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                        </sdk:DataGrid.Columns>
                    </sdk:DataGrid>


原因是 DataGrid.Columns 不是依赖属性，所有绑定的dataContext将会丢失，所有可以用element-to-element的数据绑定来解决此问题 

         <sdk:DataGrid Grid.Column="0" x:Name="dataGrid" IsReadOnly="True"  AutoGenerateColumns="False"  Width="auto" Height="auto" HorizontalAlignment="Left" VerticalAlignment="Top"  
                              ItemsSource="{Binding NoticeCollection,Mode=TwoWay}" IsTabStop="False" Style="{StaticResource DataGridStyle}"  ColumnHeaderStyle="{StaticResource DataGridColumnHeaderStyle}"  RowStyle="{StaticResource DataGridRowStyle}" >
                        <i:Interaction.Triggers>
                            <i:EventTrigger  EventName="MouseLeftButtonDown">
                                <ei:CallMethodAction  MethodName="DatagridMouseLeftButtonDown" TargetObject="{Binding}">
                                </ei:CallMethodAction>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                        <sdk:DataGrid.Columns>
                            <sdk:DataGridTemplateColumn Header="选项" Width="0.1*">
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <RadioButton  GroupName="sel" Command="{Binding Source={StaticResource Locator},Path=NoticeListViewModelStatic.MessageSelected}" CommandParameter="{Binding Id,Mode=OneWay}" ></RadioButton>
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                            <sdk:DataGridTemplateColumn Header="标题"  Width="0.3*" >
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <HyperlinkButton  Content="{Binding Title,Mode=OneWay}" Style="{StaticResource PageHyperlinkButtonStyle}"  Command="{Binding Source={StaticResource Locator},Path=NoticeListViewModelStatic.ViewMsgCommand}" CommandParameter="{Binding Id,Mode=OneWay}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                            <sdk:DataGridTextColumn Header="信息内容" Width="0.4*" Binding="{Binding Content,Mode=OneWay}"></sdk:DataGridTextColumn>
                            <!--<sdk:DataGridTextColumn Header="创建时间"   Width="0.2*" Binding="{Binding CreateTime,Mode=OneWay,StringFormat='yyy-MM-dd HH:mm'}"></sdk:DataGridTextColumn>-->
                            <sdk:DataGridTemplateColumn Header="创建时间" Width="0.2*" >
                                <sdk:DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,7,0,0">
                                            <TextBlock Text="{Binding CreateTime,Mode=OneWay,StringFormat='yyy-MM-dd HH:mm'}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </sdk:DataGridTemplateColumn.CellTemplate>
                            </sdk:DataGridTemplateColumn>
                        </sdk:DataGrid.Columns>
                    </sdk:DataGrid>
顺便提一下，silverlight的dataGrid 在MVVM模式下的排序事件实现：

在View里声明出发前：

 <i:Interaction.Triggers>
                            <i:EventTrigger  EventName="MouseLeftButtonDown">
                                <ei:CallMethodAction  MethodName="DatagridMouseLeftButtonDown" TargetObject="{Binding}">
                                </ei:CallMethodAction>
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
在ViewModel里实现方法： 

   public void DatagridMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var u =
                from element in VisualTreeHelper.FindElementsInHostCoordinates(e.GetPosition(null), sender as UIElement)
                where element is DataGridColumnHeader
                select element;
            if (u.Count() == 1)
            {
                e.Handled = true;
                var columnTag = ConvertColumnName(((DataGridColumnHeader)u.Single()).Content.ToString());
                if (string.IsNullOrEmpty(columnTag) || columnTag == "Serial" || columnTag == "Do")
                    return;
                Ascning = (OrderColumn == columnTag) && !Ascning;
                OrderColumn = columnTag;
                PagerInfo p = new PagerInfo();
                p.PageSize = this._pagesize;
                p.PageIndex = 1;
                this.PagerContext.MoveToFirstPage();
                SortType = Ascning ? "ASC" : "DESC";
                searchData(p, OrderColumn, SortType);
            }
        }


kntao
关注
专栏目录
WPF .net4.5 +MvvmLight +Sqlite 实现数据增加删除即时更新到datagrid，源码
09-18
WPF应用程序 .net4.5框架 +MvvmLight +Sqlite 实现数据增加删除即时更新到datagrid，非常实用的入门级小数据操作应用程序，源码上传可以参考使用
浅谈mvvm-simple双向绑定简单实现
08-27
本文将探讨MVVM-SIMPLE双向绑定的简单实现。 首先，MVVM模式起源于微软的WPF框架，后来在JavaScript社区中流行起来，尤其是随着AngularJS、Vue.js等框架的兴起。在MVVM模式中，ViewModel作为中间层，负责协调Model...
使用 MVVMLight 命令绑定
Andrew's Blog
07-14 5676
首先，如果您希望了解更多的MVVMLight技术或希望有顺序的学习MVVMLight，请查阅目录《MVVMLight 设计模式系列使用文章》。继上一篇文章的项目，我们实现了数据绑定到界面中。这篇文章我们将实现把命令绑定到按钮上，在XAML中的Button之类的都会有个Command属性可以让我们来绑定命令使用。首先我们要实现的目标是，在界面中可以点击按钮添加数据，但是最多能添加5条数据，最少保证有
MVVM-Light模式，在dataGrid的模板下，绑定事件不触发的原因已经服务端排序的实现...
weixin_30456039的博客
04-11 74
如果按以下绑定，DataGrid 模板里的Radio 的绑定事件将不会被触发：<sdk:DataGrid Grid.Column="0" x:Name="dataGrid" IsReadOnly="True" AutoGenerateColumns="False" Width="auto" Height="auto" HorizontalAlignment="Left" Vertical...
MouseLeftButtonDown事件无法触发
CosmKey的专栏
02-20 1510
前台代码：Window x:Class="TunnelingBubbling.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1
DataGrid中按钮命令绑定不起作用原因
清风ai明月的专栏
02-19 1203
前台代码 <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding StudentDatas}" Margin="0,100,0,0"> <DataGrid.Columns> <DataGridTextColumn Header="...
MVVM-Light:适用于 Windows Phone 8.1 的 MVVMLight
06-17
该项目演示了 MVVMLight 在 Windows Phone 8.1 (Silverlight) 应用程序中的使用。 学分 感谢 Laurent Bugnion (@lbugnion) 在 Pluraltsight 关于“MVVM Light Toolkit Fundamentals”的精彩演讲
MVVM-Template:MVVM Architect，数据绑定，Dagger2框架的模板默认值
05-19
Android-Studio-MVVM-DataBinding-Dagger-Template-Google-Architecture（Java和Kotlin） 这是用于MVVM的Android Studio模板； 该模板的灵感来自 Important ：此模板的主要目标是使用android MVVM模板加快开发过程...
MvvmLight-Sample-master.zip
10-24
1. **MvvmLight框架**：MvvmLight提供了一些基础类和接口，如`ViewModelBase`、` GalaSoft.MvvmLight.Command.RelayCommand`、` Messenger`等，它们简化了MVVM模式的实现。`ViewModelBase`包含`...
mvvmlight DataGrid Cloms内 Button Command 触发
sinat_30224769的博客
04-07 597
&lt;Button Content="编辑"  Command="{Binding DataContext.MyCommand, ElementName=MyDataGrid}" CommandParameter="{Binding id}" /&gt;                                                           利用 DataContex...
WPF中在DataGrid中使用按钮并使用MVVMLight进行值绑定
qq_41973721的博客
12-06 2183
WPF中在DataGrid中使用按钮并使用MVVM
WPF 在改写模板中，控件命令事件触发不起作用
^@^lemon tea^@^
10-22 1802
问题描述：MVVMLight框架中，改写ListBox、ListBox.ItemTemplate模板时，模板里面的Button/Image控件绑定命令后，触发不起作用，但在ListBox外的命令正常绑定到指定的ViewModel； VieweModel 为CarPicturesViewModel，绑定上下文DataContext="{Binding CarPicturesVM ,Source={...
WPF数据模板中绑定事件不触发问题
qq_23018459的博客
06-23 1429
今天比较闲，做一个练手的项目，结果在xaml中写了一个用户的数据模板后，在其中的某个Canvas上绑定了一个鼠标左击的事件，结果调试的时候，无论怎么点击都不跳到断点那里，百思不得其解。 之后尝试不绑定事件，直接采用内联事件的写法，将事件写在控件上，并且事件的处理写在cs代码而非ViewModel中，则可以使用，如此可以判断是采用MVVM时，命令没有成功绑定到事件上。 刚开始以为是DevExpress的MVVM框架的BUG。后来改成自己手写的MVVM,并未解决问题，思考再三，觉得是数据模板并未获取到Dat
Interaction triggers in WPF
qq_23018459的博客
08-18 2533
 Interaction triggers in WPF Interaction Class - static class that owns the Triggers and Behaviors attached properties. Handles propagation of AssociatedObject change notifications (MSDN).
关于Silverlight 的 Behavior ：CallMethodAction
enjoymycode的专栏
12-23 1023
CallMethodAction可以触发多种事件并调用对应绑定的方法。 我们通常这样使用                                                                                        但在MVVM中使用要注意，如果多个UserControl级别的控件嵌套，要在子控件重新注入一次ViewMode
WPF入门到跪下 第九章 MVVM-用命令触发行为
jjailsa的博客
01-14 1020
上文中对命令的使用都是直接通过控件中的Command属性来进行绑定的，默认情况下，Command属性所绑定的命令，其触发条件是鼠标的点击。接下来学习如何使用其他行为来作为命令的触发条件。
WPF MVVM单例模式更新DataGrid绑定的数据
最新发布
09-10
在WPF MVVM架构中，如果想在单例模式下更新DataGrid绑定的数据，通常你会遵循以下步骤： 1. **创建MVVM模式**: - 创建一个ViewModel类，例如`MyDataViewModel`，它包含了你的数据集合和相关的观察者（比如`ICollectionView`或`ObservableCollection`），以及更新数据的方法。 ```csharp public class MyDataViewModel { private ObservableCollection<MyObject> data; public ObservableCollection<MyObject> DataSource { get => data; set { if (value == data) return; data = value; OnPropertyChanged("DataSource"); } } public void UpdateData() { // 更新data集合... DataSource = new ObservableCollection<MyObject>(updatedData); } // Implement INotifyPropertyChanged for notifying UI changes public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 2. **单例窗口和绑定**: - 在`MainWindow`中，实例化单例的`MyDataViewModel`，并将DataGrid的Binding设置到`DataSource`属性上。 ```xaml <Window x:Class="YourNamespace.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <DataGrid ItemsSource="{Binding DataSource}" /> </Window> ``` - 在窗体加载或需要更新数据时，调用`MyDataViewModel`的`UpdateData()`方法。 ```csharp public MainWindow() { InitializeComponent(); // 单例实例 var viewModel = MyDataViewModel.Instance; DataContext = viewModel; // 更新数据示例 viewModel.UpdateData(); } ``` 3. **数据变化处理**: - 在ViewModel中添加数据变化监听，确保只有在需要的时候才更新UI，而不是每次数据更改都触发更新。 ```csharp public void UpdateData(int? filterValue) { if (filterValue.HasValue && !filteredData.Contains(filterValue)) { filteredData.Add(filterValue); UpdateDataSource(); } } private void UpdateDataSource() { // 在这里仅更新已过滤的数据，而不是整个集合 // ... RaisePropertyChange("FilteredDataSource"); } ``` 当你需要更新DataGrid时，传递相应的筛选条件给`UpdateData`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值