ListView MVVM 中 TextBox 上的 UWP InvokeCommandAction

Question

我在视图中包含的用户控件中绑定命令时遇到问题。

UserControl.xaml

<DataTemplate x:Key="SoldItemDataTemplate" x:DataType="data:SoldItem">
    <Grid HorizontalAlignment="Stretch">
        <Grid.ColumnDefinitions>
         ...
        </Grid.ColumnDefinitions>
         ...
            <TextBox Grid.Column="2" Text="{x:Bind q}">
                <Interactivity:Interaction.Behaviors>
                    <Core:EventTriggerBehavior EventName="TextChanged">
                        <Core:InvokeCommandAction Command="{Binding Path=DataContext.QChanged, ElementName=SoldRows}" CommandParameter="{Binding Mode=TwoWay}"/>
                    </Core:EventTriggerBehavior>
                </Interactivity:Interaction.Behaviors>
            </TextBox>
        </Grid>
</DataTemplate>
...
<ListView x:Name="SoldRows"
    ItemsSource="{Binding SoldItemsList , Mode=TwoWay}" 
    IsItemClickEnabled="True" 
    ItemTemplate="{StaticResource SoldItemDataTemplate}">
...

MainPage.xaml

<Page.DataContext>
    <vm:MainPageViewModel x:Name="ViewModel"></vm:MainPageViewModel>
</Page.DataContext>
...
<controls:UserControl Grid.Row="1"></controls:UserControl>
...

MainPageViewModel.cs

...
private DelegateCommand<object> _QSoldChanged;
...
public DelegateCommand<object> QSoldChanged
    {
        get
        {
            if (_QSoldChanged == null)
            {
                _QSoldChanged = new DelegateCommand<object>((object par) =>
                {
                    ...
                });
            }

            return _QSoldChanged;
        }
    }

所以，我想在 TextChanged 事件上调用 QSoldChanged，但没有任何反应。我错过了什么？在这种情况下，这是设置命令的正确方法吗？如果您需要更多，请询问！提前致谢

Answer 1

问题出在 x:Bind 的文本框上。它的模式是单向的。所以文本更改不会反映在视图模型上。将其更改为绑定。这也可能导致问题

{x:Bind} 不使用 DataContext 作为默认源，而是使用页面或用户控件本身。因此它将在您的页面或用户控件的代码隐藏中查找属性、字段和方法。要向 {x:Bind} 公开您的视图模型，您通常需要向页面或用户控件的代码隐藏添加新字段或属性。参考这个 link x:Bind

希望有用

ListView MVVM 中 TextBox 上的 UWP InvokeCommandAction

UWP InvokeCommandAction on TextBox inside ListView MVVM

xaml

mvvm

data-binding

win-universal-app

template10