使用MVVM在模型外部计算和查看列

Question

我需要使用C＃MVVM解决以下问题。我正在使用以下模型。

我的一个UserControls获得了以下ListBox模板。

<ListBox ItemsSource="{Binding OrdersListViewViewModel.AllItems, Source={StaticResource Locator}}" SelectedItem="{Binding OrdersListViewViewModel.SelectedItem, Source={StaticResource Locator}}" Background="White">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal" Margin="0 0 0 0" Height="Auto" Width="Auto" />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel  Margin="0,7,0,6" HorizontalAlignment="Left" Orientation="Horizontal">
            <Image Width="25" Height="25" Margin="5 2 0 0" Source="{Binding OrdersListViewViewModel.OrderDeliveryStateImage, Mode=OneWay, Source={StaticResource Locator}}"/>
            <TextBlock Margin="25,5,25,5"  Text="{Binding OrdersListViewViewModel.AllItems/Customer.CustomerName, FallbackValue=N/A, Mode=OneWay, Source={StaticResource Locator}}" FontSize="20"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

该列表显示从数据库加载的所有订单（客户名称）。我希望用图片填写TextBlock旁边的图像。如果订单下的所有订单已经交付（Delivered = 1），它应该使用picture1，否则使用picture2。

所以我绑定ObservableCollection<Order>。模型是使用实体框架（db first）从.tt生成的，因此，由于可能的db更新，将计算直接放入Order.cs类是个坏主意。

我的第一个想法是使用MSSQL Computed列，但我认为这不是一个好的方法（在解决方案中可能存在很多这样的情况）因此模型将是巨大而复杂的。

第二个想法是使用转换器，但它应该用于简单的任务，而不是用于计算逻辑（这是）。

第三个想法是将ObservableCollection<Order>改为ObservableCollection<Tuple<string,Order>>并以某种方式将其绑定到视图但是......你知道，这是一个坏主意。

所以我的问题很简单。如何使用MVVM最佳实践解决此问题（在何处放置此目的的计算逻辑）。

谢谢。

Answer 1

谷歌搜索后，我决定创建这个解决方案。也许这会对某人有所帮助。首先，我创建了Order实体的部分类，以便分离文件，因此当实体框架更新Order实体时，它不会覆盖我的自定义。

然后我创建了自定义属性，确定订单是否已交付。因此计算逻辑仍然停留在模型上。

  public partial class Order
    {
        public bool IsOrderDelivered
        {
            get
            {
                int orderDelivered = 1;
                foreach (var orderItem in this.OrderItems)
                {
                    orderDelivered = orderDelivered * orderItem.Delivered;
                }
                return orderDelivered == 1 ? true : false;
            }
        }

    }

然后我创建了转换器，它只是将布尔值转换为文本，这就是为什么它存在并且它以正确的方式使用。

public class OrderStatusToImageConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return (bool)value == true ? @"Skins\approved.png" : @"Skins\denied.png";
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

并在转换器的基础上在我的新属性上创建了数据绑定。

       <StackPanel  Margin="0,7,0,6" HorizontalAlignment="Left" Orientation="Horizontal">
                    <Image Width="25" Height="25" Margin="5 2 0 0" Source="{Binding IsOrderDelivered, Converter={StaticResource OrderStatusToImageConverter}, Mode=OneWay}"/>
                    <TextBlock Margin="25,5,25,5"  Text="{Binding Customer.CustomerName, FallbackValue=N/A, Mode=OneWay}" FontSize="20"/>
       </StackPanel>

最后是视觉效果。