C# 按钮托管在2个控件中的绑定问题

C# 按钮托管在2个控件中的绑定问题,c#,wpf,xaml,mvvm,data-binding,C#,Wpf,Xaml,Mvvm,Data Binding,嗨,我知道这是很多代码,但我希望有人能帮我或给我指出正确的方向我的导出到csv命令不会启动,即使在命令和任务上使用断点,所以我假设在数据上下文中找不到它。在这种情况下,其他一切都可以运行数据填充,编辑按钮工作。 因此,我有2个UserControlsTitleControl和BillOfMaterialsControl,我在标题控件中托管了一些按钮,这些按钮托管在BOM表控件中,似乎我的按钮不适用于托管在另一个控件中 我在输出窗口中遇到此错误: System.Windows.Data Error

嗨,我知道这是很多代码,但我希望有人能帮我或给我指出正确的方向我的导出到csv命令不会启动,即使在命令和任务上使用断点,所以我假设在数据上下文中找不到它。在这种情况下,其他一切都可以运行数据填充,编辑按钮工作。 因此,我有2个
UserControl
s
TitleControl
BillOfMaterialsControl
,我在标题控件中托管了一些按钮,这些按钮托管在BOM表控件中,似乎我的按钮不适用于托管在另一个控件中

我在输出窗口中遇到此错误:

System.Windows.Data Error: 40 : BindingExpression path error: 'ExportButtonCommand' property not found on 'object' ''TitleControl' (Name='')'. BindingExpression:Path=ExportButtonCommand; DataItem='TitleControl' (Name=''); target element is 'Button' (Name=''); target property is 'Command' (type 'ICommand')
非常感谢您的帮助

BillOfMaterials.xaml控件

<UserControl x:Class="Bright_Instruments.Controls.BillOfMaterialsControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:Bright_Instruments.Controls"
         mc:Ignorable="d" 
         d:DesignHeight="450" d:DesignWidth="800" xmlns:controls="clr-namespace:Bright_Instruments.Controls"
         xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
         xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls">

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>

    <controls:TitleControl Grid.Column="0" Badge="{Binding Badge, RelativeSource={RelativeSource AncestorType=UserControl}}" Grid.Row="0" Margin="5" Text="PARTS LIST" Icon="{iconPacks:PicolIcons Kind=ListNumbered}">
        <controls:TitleControl.TitleContent>
            <StackPanel Margin="0" HorizontalAlignment="Right" Orientation="Horizontal">
                <Button ToolTip="Print parts list" Margin="5" HorizontalAlignment="Right" Style="{DynamicResource MahApps.Styles.Button.Chromeless}">
                    <Button.Content>
                        <iconPacks:PackIconEntypo Kind="Print"/>
                    </Button.Content>
                </Button>

                <Button Margin="5" 
                        Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl}, UpdateSourceTrigger=PropertyChanged}" ToolTip="Export parts list to .csv" HorizontalAlignment="Right" Style="{DynamicResource MahApps.Styles.Button.Chromeless}">
                    <Button.Content>
                        <iconPacks:PackIconFontAwesome Kind="FileCsvSolid"/>
                    </Button.Content>
                </Button>

                <Button Margin="5" ToolTip="Export parts list to .pdf" HorizontalAlignment="Right" Style="{DynamicResource MahApps.Styles.Button.Chromeless}">
                    <Button.Content>
                        <iconPacks:PackIconFontAwesome Kind="FilePdfSolid"/>
                    </Button.Content>
                </Button>
            </StackPanel>
        </controls:TitleControl.TitleContent>
    </controls:TitleControl>

    <StackPanel Orientation="Horizontal" Grid.Column="1">
        <Button Margin="0, 5, 5, 5" 
            Command="{Binding EditButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" 
            Style="{DynamicResource MahApps.Styles.Button.Flat}" 
            Content="EDIT"/>
    </StackPanel>

    <DataGrid Grid.Row="1" AutoGenerateColumns="False" Grid.Column="0" Grid.ColumnSpan="2" 
              ItemsSource="{Binding BillOfMaterials, RelativeSource={RelativeSource AncestorType=UserControl}, UpdateSourceTrigger=PropertyChanged}" Margin="5" IsReadOnly="True" SelectionMode="Single">
        <DataGrid.Columns>
            <DataGridTextColumn Binding="{Binding Path=ChildItem.PartNumber}" Width="Auto">
                <DataGridTextColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconFontAwesome Kind="WrenchSolid" Margin="5" />
                        <TextBlock Margin="5" Text="PART NUMBER"/>
                    </StackPanel>
                </DataGridTextColumn.Header>
            </DataGridTextColumn>

            <DataGridTextColumn Binding="{Binding Path=ChildItem.Description}" Width="*">
                <DataGridTextColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconMaterialDesign Kind="Description" Margin="5" />
                        <TextBlock Margin="5" Text="DESCRIPTION"/>
                    </StackPanel>
                </DataGridTextColumn.Header>

                <DataGridTextColumn.ElementStyle>
                    <Style>
                        <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
                        <Setter Property="TextBlock.TextAlignment" Value="Left"/>
                    </Style>
                </DataGridTextColumn.ElementStyle>
            </DataGridTextColumn>

            <DataGridTextColumn Binding="{Binding Path=ChildItem.Location}" Width="Auto">
                <DataGridTextColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconMaterialDesign Kind="LocationOn" Margin="5" />
                        <TextBlock Margin="5" Text="LOCATION"/>
                    </StackPanel>
                </DataGridTextColumn.Header>
            </DataGridTextColumn>

            <DataGridTextColumn Binding="{Binding Path=ChildItem.Quantity}" Width="Auto">
                <DataGridTextColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconMaterial Kind="Numeric" Margin="5" />
                        <TextBlock Margin="5" Text="QUANTITY IN STOCK"/>
                    </StackPanel>
                </DataGridTextColumn.Header>
            </DataGridTextColumn>

            <DataGridTextColumn Width="Auto" Binding="{Binding Path=Quantity}">
                <DataGridTextColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconMaterial Kind="Numeric" Margin="5" />
                        <TextBlock Margin="5" Text="QUANTITY REQ"/>
                    </StackPanel>
                </DataGridTextColumn.Header>
            </DataGridTextColumn>

            <DataGridTemplateColumn Width="Auto">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Button Margin="0" Style="{DynamicResource MahApps.Styles.Button.Flat}" 
                                CommandParameter="{Binding }"
                                Command="{Binding ViewButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl}}" Content="VIEW"/>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>

                <DataGridTemplateColumn.Header>
                    <StackPanel Orientation="Horizontal">
                        <iconPacks:PackIconTypicons Margin="5" Kind="Eye"/>
                        <TextBlock Text="VIEW" Margin="5"/>
                    </StackPanel>
                </DataGridTemplateColumn.Header>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</Grid>
    </UserControl>
<UserControl x:Class="Bright_Instruments.Controls.TitleControl"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:Bright_Instruments.Controls"
         mc:Ignorable="d" 
         d:DesignHeight="450" d:DesignWidth="800"
         DataContext="{Binding RelativeSource={RelativeSource Self}}"
         xmlns:Controls="http://metro.mahapps.com/winfx/xaml/controls">

<Grid Background="{DynamicResource MahApps.Brushes.Accent}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
        <ContentPresenter Margin="5" Content="{Binding Icon}" 
                          TextBlock.Foreground="{DynamicResource MahApps.Brushes.IdealForeground}" />
        <TextBlock 
            Text="{Binding Text, UpdateSourceTrigger=PropertyChanged}" 
            FontSize="12" VerticalAlignment="Center" 
            HorizontalAlignment="Left" Background="Transparent" 
            Foreground="{DynamicResource MahApps.Brushes.IdealForeground}" 
            Padding="5"/>

        <Controls:Badged BadgePlacementMode="TopRight" Margin="10, 0, 0, 0" Badge="{Binding Badge}">
            <Controls:Badged.Style>
                <Style TargetType="Controls:Badged">
                    <Style.Triggers>
                        <Trigger Property="Badge" Value="">
                            <Setter Property="Visibility" Value="Collapsed" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </Controls:Badged.Style>
        </Controls:Badged>
    </StackPanel>

    <ContentPresenter Content="{Binding TitleContent, UpdateSourceTrigger=PropertyChanged}" Grid.Column="1" Grid.Row="0"/>

    <Rectangle Height="2" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" VerticalAlignment="Bottom" Fill="{DynamicResource MahApps.Brushes.AccentBase}">

    </Rectangle>
</Grid>
    </UserControl>
作为BOM表控件宿主的我的视图

<controls:BillOfMaterialsControl
            EditButtonCommand="{Binding EditPartsListCommand}"
            Badge="{Binding PartsListCount}"
            ViewButtonCommand="{Binding ViewPartsListItemCommand}"
            ExportButtonCommand="{Binding ExportPartsListToCsvCommand, UpdateSourceTrigger=PropertyChanged}"
            BillOfMaterials="{Binding BillOfMaterials, UpdateSourceTrigger=PropertyChanged}"/>

视图视图模型

public ICommand ExportPartsListToCsvCommand => new AsyncRelayCommand(ExportPartsListToCsv);

public async Task ExportPartsListToCsv()
{
    
    var saveFileDialog = new SaveFileDialog();

    var filter = $"CSV (*.csv) | *.csv";

    saveFileDialog.Filter = filter;
    saveFileDialog.DefaultExt = ".csv";
    saveFileDialog.FileName = "Inventory.csv";
    if (saveFileDialog.ShowDialog() == true)
    {
        try
        {
            await CsvService.Write<BillOfMaterial>(saveFileDialog.FileName, BillOfMaterials);
        }
        catch (Exception ex)
        {
            SentrySdk.CaptureException(ex);
        }
    }
}
public ICommand exportPartsListToCsCommand=>new AsyncRelayCommand(ExportPartsListToCsv);
公共异步任务ExportPartsListToCsv()
{
var saveFileDialog=新建saveFileDialog();
变量过滤器=$“CSV(*.CSV)|*.CSV”;
saveFileDialog.Filter=Filter;
saveFileDialog.DefaultExt=“.csv”;
saveFileDialog.FileName=“Inventory.csv”;
if(saveFileDialog.ShowDialog()==true)
{
尝试
{
等待CsvService.Write(saveFileDialog.FileName,BillOfMaterials);
}
捕获(例外情况除外)
{
SentrySdk.CaptureException(ex);
}
}
}

BillofMaterials控件使用
标题控件
控件,该控件又包含一个
按钮
,该按钮绑定
导出按钮命令
(这是
BillofMaterials控件
中的属性)作为命令。在这里,您使用一个相对源绑定,其中包含祖先类型
UserControl

Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl}, UpdateSourceTrigger=PropertyChanged}"
想象与此类似的视觉树(仅包含关键部分)

  • BillofMaterials控件
    • 标题控制
      • 按钮
相对源绑定将搜索可视化树,以查找类型为
UserControl
的控件。这两个控件都派生自
UserControl
,找到的第一个控件是
TitleControl
,但此控件不包含名为
ExportButtonCommand
的属性,这就是绑定失败

System.Windows.Data Error: 40 : BindingExpression path error: 'ExportButtonCommand' property not found on 'object' ''TitleControl' (Name='')'. BindingExpression:Path=ExportButtonCommand; DataItem='TitleControl' (Name=''); target element is 'Button' (Name=''); target property is 'Command' (type 'ICommand')
您可以通过以下方式之一解决此问题

  • 修改绑定以使用控件的具体类型
    BillOfMaterialsControl
    作为祖先类型。这样
    标题控制
    不匹配

    Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=local:BillOfMaterialsControl}, UpdateSourceTrigger=PropertyChanged}"
    
  • 指定一个合适的选项,以便在搜索过程中跳过控件

    Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl, AncestorLevel=2}, UpdateSourceTrigger=PropertyChanged}"
    
    2
    的值应该起作用(如果不起作用,则调整它)。从上的
    存储级别

    获取或设置要在FindAncestor模式下查找的祖先的级别。使用1表示最接近绑定目标元素的元素


非常感谢!!我使用了AncestorLevel 2,这解决了由于某种原因指定实际类型不起作用的问题,但第二个选项起作用了
Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=local:BillOfMaterialsControl}, UpdateSourceTrigger=PropertyChanged}"
Command="{Binding ExportButtonCommand, RelativeSource={RelativeSource AncestorType=UserControl, AncestorLevel=2}, UpdateSourceTrigger=PropertyChanged}"