如何在DataGrid的Avalonia Ui中使用combobox创建列？

问题描述

在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>

解决方法

您忘记将属性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>

这给了我以下结果：

如果您完成了所有这些操作并且绑定仍然有效，但是仍然没有得到我的结果，则需要提供更多的上下文（例如，使用了哪些主题，在程序上进行了哪种操作等）。

,

另一种可能的解决方案是根据下面的代码示例使用标签属性。

<DataGrid x:Name="myDataGrid"
              Items="{CompiledBinding myDataGridItems}"
              SelectedItem="{CompiledBinding mySelectedItem}"
              Tag="{CompiledBinding myComboBoxItems}">
        <DataGrid.Columns>

            <DataGridTemplateColumn Header="Route">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ComboBox Items="{Binding Tag,ElementName=myDataGrid}"
                                  ItemTemplate="{StaticResource ComboBoxItemTemplate}" Background="Transparent" />
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>

        </DataGrid.Columns>
    </DataGrid>