XAML: 在 MVVM 模式中，关于绑定的几处技巧

以下会提到三个绑定的技巧，分别是

在 ListView 中为 ListViewItem 的 MenuFlyout 绑定 Command；
在 ListView 的事件中绑定所选择项目，即其 SelectedItem属性；
处理文本控件与数值属性绑定中默认值0的问题；

一、在 ListView 中为列表项的 MenuFlyout 绑定 Command；

当我们为 ListView 编写了 DataTemplate，并在其中加入了 MenuFlyout 时，而且 MenuFlyoutItem 需要绑定 ViewModel 中的 XXXCommand 属性，代码类似如下：

    <Page.Resources>
        <DataTemplate x:Key="CategoryItemTemplate">
            <Grid Holding="Grid_Holding">
                <FlyoutBase.AttachedFlyout>
                    <MenuFlyout>
                        <MenuFlyoutItem x:Uid="MenuItem_Edit" Command="{Binding EditCategoryCommand}" CommandParameter="{Binding}"/>
                        <MenuFlyoutItem x:Uid="MenuItem_Delete" Command="{Binding DeleteCategoryCommand}" CommandParameter="{Binding}"/>
                    </MenuFlyout>
                </FlyoutBase.AttachedFlyout>
                <TextBlock Text="{Binding Name}" FontSize="24" Margin="0,5" />
            </Grid>
        </DataTemplate>
    </Page.Resources>

这时，如果运行，你会发现，点击 MenuFlyoutItem 时，并不会触发相应的方法，也就是说这样的绑定是无效的；一个可取的解决方案是，将 ViewModel 作为资源放到 XAML 中，然后，更改 Command 的值为：

Command="{Binding EditCategoryCommand,Source={StaticResource viewModelName}}"

这样可以解决问题，但存在两个问题：1, 这个 viewModel 是一个新创建的对象，而与你实际使用的 ViewModel 对象不是一个，所以；2, ViewModel 必须有无参数的构造函数（其实这与第一个问题是相关联的）。

在网上查了一些资料之后，终于找到一个较完美的解决方案，如下：修改 Command 的值为：

Command="{Binding DataContext.EditCategoryCommand,ElementName=pageCategory}"

其中，pageCategory 是 Page 的 x:Name 值；这样 MenuFlyoutItem 就可以正确响应你的操作了。至于修改之后的 Command 的属性值，相信你一看就明白，在此不再赘述。

二、在 ListView 的事件中绑定所选择项目，即其 SelectedItem属性

先看代码，注意粗体部分：

            <ListView x:Name="listCategory" ItemsSource="{Binding Categories}" ItemContainerStyle="{StaticResource StretchListViewItemStyle}">
                <Interactivity:Interaction.Behaviors>
                    <Core:EventTriggerBehavior EventName="SelectionChanged">
                        <Core:InvokeCommandAction Command="{Binding CategorySelectedCommand}" CommandParameter="{Binding ElementName=listCategory,Path=SelectedItem}" />
                    </Core:EventTriggerBehavior>
                </Interactivity:Interaction.Behaviors>
                ...

这个其实很简单，之所以记下来，是因为我原先走了一点弯路，之前没有写 Path，然后到 Command 所指向的方法中，把 parameter 再转 ListView 对象，再获取它的 SelectedItem 属性；现在看来，的确是多走了一段弯路；究其原因，实在是因为自己对 WPF 中绑定还不够熟悉。

三、处理文本控件与数值属性绑定中默认值 0 的问题

当把文本框的 Text 属性绑定到一个数值属性时，如果该数值属性没有赋值，那么，运行时，它的默认值 0 会显示到文本框中，如果不希望显示默认值 0，则可以使用一个 Converter 来解决，代码如下：

    public class PriceCheckConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            float result = (float)value;
            if (result <= 0)
            {
                return string.Empty;
            }
            else
            {
                return result.ToString();
            }
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            return value;
        }
    }

而在绑定中，则直接指定该 Converter 即可，代码如下：

Text="{Binding Bill.Price,Mode=TwoWay,Converter={StaticResource PriceCheckConverter}}"

如果你有更好的方法，请回复。

参考资料：

Windows 8.1 Command Binding in a DataTemplate

How to implement a navigation button in shared application resources?

（以上两个链接均是针对第一个问题）

posted @ 2015-06-25 10:07 WPInfo 阅读(1200) 评论(2) 编辑收藏举报

刷新页面返回顶部

XAML: 在 MVVM 模式中，关于绑定的几处技巧

公告