c# - 按钮命令未触发

Question

我遇到了一个奇怪的情况。我正在开发 WINRT 的应用程序，并且在命令绑定(bind)方面遇到一些问题。这是 xaml 的一部分:

    <control:ItemsHub ItemsSource="{Binding Categories}">
        <control:ItemsHub.SectionHeaderTemplate>
            <DataTemplate>
                <Button Command="{Binding CategoryNavigationCommand}" Margin="5,0,0,10" Content="{Binding Header}"/>
            </DataTemplate>
        </control:ItemsHub.SectionHeaderTemplate>
    </control:ItemsHub>

这是我的 View 模型:

    public CategorySectionViewModel(IRecipeService recipeService, INavigationService navigationService, RecipeTreeItemDto treeItem)
    {
        ...
        CategoryNavigationCommand = new DelegateCommand(NavigateToCategory);
        ...
    }


    private string _header;

    public string Header
    {
        get { return _header; }
        set { SetProperty(ref _header, value); }
    }

    public DelegateCommand CategoryNavigationCommand { get; private set; }


    private void NavigateToCategory()
    {
        _navigationService.Navigate("CategoryHub", _recipeTreeItemDto.NodePath);
    }

我在输出窗口中没有收到任何绑定(bind)错误，并且“标题”也显示在按钮中。但是当我点击它时，命令不会被解雇!我做错了什么？

也许是因为我创建了一个自定义 HubControl。通过此控件，我可以为 HubSection-Header 和 HubSection-Content 附加 ItemSource 和 ItemTemplate。也许因此一些绑定(bind)丢失了？

这是我的自定义集线器控件:

public class ItemsHub : Hub
{
    public DataTemplate ItemTemplate
    {
        get { return (DataTemplate)GetValue(ItemTemplateProperty); }
        set { SetValue(ItemTemplateProperty, value); }
    }

    public IList ItemsSource
    {
        get { return (IList)GetValue(ItemsSourceProperty); }
        set { SetValue(ItemsSourceProperty, value); }
    }

    public HubSection SpotlightSection
    {
        get { return (HubSection)GetValue(SpotlightSectionProperty); }
        set { SetValue(SpotlightSectionProperty, value); }
    }

    public DataTemplate SectionHeaderTemplate
    {
        get { return (DataTemplate)GetValue(SectionHeaderTemplateProperty); }
        set { SetValue(SectionHeaderTemplateProperty, value); }
    }

    public static readonly DependencyProperty ItemTemplateProperty =
        DependencyProperty.Register("ItemTemplate", typeof(DataTemplate), typeof(ItemsHub), new PropertyMetadata(null, ItemTemplateChanged));

    public static readonly DependencyProperty ItemsSourceProperty =
        DependencyProperty.Register("ItemsSource", typeof(IList), typeof(ItemsHub), new PropertyMetadata(null, ItemsSourceChanged));

    public static readonly DependencyProperty SpotlightSectionProperty =
        DependencyProperty.Register("SpotlightSection", typeof(HubSection), typeof(ItemsHub), new PropertyMetadata(default(HubSection), SpotlightSectionChanged));

    public static readonly DependencyProperty SectionHeaderTemplateProperty =
        DependencyProperty.Register("SectionHeaderTemplate", typeof(DataTemplate), typeof(ItemsHub), new PropertyMetadata(default(DataTemplate), HeaderTemplateChanged));

    private static void SpotlightSectionChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ItemsHub hub = d as ItemsHub;
        if (hub != null)
        {
            bool hubContainsSpotLight = hub.Sections.Contains(hub.SpotlightSection);
            if (hub.SpotlightSection != null && !hubContainsSpotLight)
            {
                hub.Sections.Add(hub.SpotlightSection);
            }
            if (hub.SpotlightSection == null && hubContainsSpotLight)
            {
                hub.Sections.Remove(hub.SpotlightSection);
            }
        }
    }

    private static void HeaderTemplateChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ItemsHub hub = d as ItemsHub;
        if (hub != null)
        {
            DataTemplate template = e.NewValue as DataTemplate;
            if (template != null)
            {
                // Apply template
                foreach (var section in hub.Sections.Except(new List<HubSection> { hub.SpotlightSection }))
                {
                    section.HeaderTemplate = template;
                }
            }
        }
    }

    private static void ItemTemplateChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ItemsHub hub = d as ItemsHub;
        if (hub != null)
        {
            DataTemplate template = e.NewValue as DataTemplate;
            if (template != null)
            {
                // Apply template
                foreach (var section in hub.Sections.Except(new List<HubSection> { hub.SpotlightSection }))
                {
                    section.ContentTemplate = template;
                }
            }
        }
    }

    private static void ItemsSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ItemsHub hub = d as ItemsHub;
        if (hub != null)
        {
            IList items = e.NewValue as IList;
            if (items != null)
            {
                var spotLightSection = hub.SpotlightSection;
                hub.Sections.Clear();

                if (spotLightSection != null)
                {
                    hub.Sections.Add(spotLightSection);
                }

                foreach (var item in items)
                {
                    HubSection section = new HubSection();
                    section.DataContext = item;
                    section.Header = item;
                    DataTemplate headerTemplate = hub.SectionHeaderTemplate;
                    section.HeaderTemplate = headerTemplate;

                    DataTemplate contentTemplate = hub.ItemTemplate;
                    section.ContentTemplate = contentTemplate;

                    hub.Sections.Add(section);
                }
            }
        }
    }

}

感谢您的帮助!

Answer 1

我找到了解决办法!我不知道为什么，但集线器控件的节标题默认情况下不是交互式的!因此，当我在自定义 ItemHub-Control 中分配 itemsource 时，我必须将交互性设置为 true。

这是我在 ItemsHub 控件中更改的内容:

    private static void ItemsSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        ItemsHub hub = d as ItemsHub;
        if (hub != null)
        {
            IList items = e.NewValue as IList;
            if (items != null)
            {
                var spotLightSection = hub.SpotlightSection;
                hub.Sections.Clear();

                if (spotLightSection != null)
                {
                    hub.Sections.Add(spotLightSection);
                }

                foreach (var item in items)
                {
                    HubSection section = new HubSection();
                    DataTemplate headerTemplate = hub.SectionHeaderTemplate;
                    section.HeaderTemplate = headerTemplate;

                    DataTemplate contentTemplate = hub.ItemTemplate;
                    section.ContentTemplate = contentTemplate;

                    section.DataContext = item;
                    section.Header = item;

                    //This line fixed my problem.
                    section.IsHeaderInteractive = true;

                    hub.Sections.Add(section);
                }
            }
        }