时间戳

首页 > 解决方案 > 如何在 DataGrid 中的 Avalonia Ui 中使用组合框制作列？

avaloniaui - 如何在 DataGrid 中的 Avalonia Ui 中使用组合框制作列？

问题描述

是否可以在 Avalonia Ui DataGrid 中实现一个带有组合框编辑单元格的列，也就是说，只需打开这个组合框就可以编辑一个单元格，并且用户可以简单地从提供的选项中进行选择？我试图实现这样的 DataGrid，但遇到了问题。我连接了 Nuget Avalonia.DataGrid 库，按照它所说的方式连接了 App.axaml 中的样式。结果，组合框出现在 DataGrid 中，但其中没有下拉菜单，尽管相同的组合框在 DataGrid 之外也能正常工作。这段代码有什么问题？

//ViewModel
public List<int> Test3 {get;set;}

//View Window
<DataGrid Items="{Binding Tests}" SelectionMode="Single">
  <DataGrid.Columns>
    <DataGridTemplateColumn Width="*"  Header="Route" IsReadOnly="False">
      <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <ComboBox x:Name="combo" Items="{Binding Path=DataContext.Test3, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"/>
        </DataTemplate> 
      </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
  </DataGrid.Columns>
</DataGrid>

标签： avaloniauiavalonia

解决方案

您忘记将属性添加Tests到您的 ViewModel。

也有条件可能会很好SelectedItem，但那是断章取义的......

我使用了这段代码：

//ViewModel
public List<int> Test3 { get; set; } = new List<int>(new int [] {1, 2, 3});
public List<int> Tests { get; set; } = new List<int>(new int[] { 1, 2 });


//XAML
<DataGrid Items="{Binding Tests}" SelectionMode="Single">
  <DataGrid.Columns>
    <DataGridTemplateColumn Width="*"  Header="Route" IsReadOnly="False">
      <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
          <ComboBox x:Name="combo" Items="{Binding Path=DataContext.Test3, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"/>
        </DataTemplate>
      </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
  </DataGrid.Columns>
</DataGrid>

这给了我这个结果： 截屏

如果你做了所有这些并且你的绑定工作，但你仍然没有得到我的结果，你需要提供更多的上下文（例如你使用了哪些主题，你运行程序的操作等）。

推荐阅读