集线器绑定在 Template10 中不起作用

Question

我正在尝试在页面中放置一个集线器，但 Binding 似乎无法正常工作。我使用了 Template10 Hamburger 示例并尝试在主页中放置一个中心。在我测试时，我只是将现有的堆栈面板封装在一个集线器部分中，但它似乎打破了按钮单击事件的绑定。

构建时出错:

Object reference not set to an instance of an object

<HubSection>
    <DataTemplate>
        <StackPanel Grid.Row="1" VerticalAlignment="Top" Orientation="Horizontal"
        Padding="12,8,0,0">

            <controls:Resizer>
                <TextBox Width="200" MinWidth="200" MinHeight="60"
             Margin="0" Header="Parameter to pass"
             Text="{Binding Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
             TextWrapping="Wrap">
                    <Interactivity:Interaction.Behaviors>
                        <Behaviors:TextBoxEnterKeyBehavior>
                            <Core:CallMethodAction MethodName="GotoDetailsPage" TargetObject="{Binding}" />
                        </Behaviors:TextBoxEnterKeyBehavior>
                        <Core:EventTriggerBehavior>
                            <Behaviors:FocusAction />
                        </Core:EventTriggerBehavior>
                    </Interactivity:Interaction.Behaviors>
                </TextBox>
            </controls:Resizer>
            <Button Margin="12,0" VerticalAlignment="Bottom"
        Click="{x:Bind ViewModel.GotoDetailsPage}" Content="Submit" />
        </StackPanel>
    </DataTemplate>
</HubSection>

Answer 1

终于设法让按钮单击以使用行为交互来处理绑定。下面是代码。如果其他人有更好的建议，请随时发表评论。

    <Button Margin="12,0" VerticalAlignment="Bottom" Content="Submit" >
        <Interactivity:Interaction.Behaviors>
            <Core:EventTriggerBehavior EventName="Click">
                <Core:CallMethodAction MethodName="GotoDetailsPage" TargetObject="{Binding}" />
            </Core:EventTriggerBehavior>
        </Interactivity:Interaction.Behaviors>
    </Button>

Answer 2

我当然可以向你解释这个问题。因为您正在使用集线器控件并且因为集线器控件使用集线器部分并且因为集线器部分与工具箱中的几乎任何其他控件不同，使用数据模板来绘制其内容，数据模板中每个元素的数据上下文是没有的外部页面的数据上下文更长。也就是说，您的绑定失败是因为您正在绑定到一个没有您需要的方法的新 class。

至于解决方案，您可以这样做：

<Core:CallMethodAction MethodName="GotoDetailsPage" TargetObject="{Binding ElementName=ViewModel}" />

该语法会将您的上下文带回页面的视图模型。但是您的解决方案似乎对您有用。我会坚持有效的方法。

祝你好运。

集线器绑定在 Template10 中不起作用

Hub binding not working in Template10

winrt-xaml

win-universal-app

template10