Avalonia：如何在TabControl中自动生成含DataGrid的标签页？

1. 定义标签页数据模型 #

先创建对应每个标签页的视图模型类，用来存储标签头和DataGrid所需的数据源：

public class TabContentViewModel : INotifyPropertyChanged
{
    private string _header;
    public string Header
    {
        get => _header;
        set
        {
            _header = value;
            OnPropertyChanged(nameof(Header));
        }
    }

    private IEnumerable<object> _dataItems;
    public IEnumerable<object> DataItems
    {
        get => _dataItems;
        set
        {
            _dataItems = value;
            OnPropertyChanged(nameof(DataItems));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

注：如果你的数据有强类型实体，可将IEnumerable<object>替换为对应实体类型的集合，比如ObservableCollection<YourDataModel>。

2. 主ViewModel配置 #

在MainWindowViewModel中，声明用于绑定TabControl的集合属性，类型为ObservableCollection<TabContentViewModel>：

public class MainWindowViewModel : INotifyPropertyChanged
{
    private ObservableCollection<TabContentViewModel> _ttabItem;
    public ObservableCollection<TabContentViewModel> TtabItem
    {
        get => _ttabItem;
        set
        {
            _ttabItem = value;
            OnPropertyChanged(nameof(TtabItem));
        }
    }

    public MainWindowViewModel()
    {
        TtabItem = new ObservableCollection<TabContentViewModel>();
        // 初始化时调用数据加载方法生成标签页
        LoadTabsFromDataFile();
    }

    // 从数据文件加载并生成标签页的核心方法
    private void LoadTabsFromDataFile()
    {
        // 示例：读取JSON格式数据文件，实际可根据你的文件格式（CSV/XML等）调整
        var jsonContent = File.ReadAllText("your_data_file.json");
        var tabDataList = JsonConvert.DeserializeObject<List<TabData>>(jsonContent);

        foreach (var tabData in tabDataList)
        {
            TtabItem.Add(new TabContentViewModel
            {
                Header = tabData.TabHeader,
                DataItems = tabData.GridData
            });
        }
    }

    // INotifyPropertyChanged实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

// 对应数据文件的实体类（示例）
public class TabData
{
    public string TabHeader { get; set; }
    public List<YourDataModel> GridData { get; set; }
}

// 数据行的实体类（示例）
public class YourDataModel
{
    public string Column1 { get; set; }
    public int Column2 { get; set; }
    // 其他字段对应DataGrid列
}

3. 修改XAML绑定 #

调整TabControl的ContentTemplate，修正DataGrid的绑定属性和路径：

<TabControl Name="TC_TEST" Items="{Binding TtabItem}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <DataGrid AutoGenerateColumns="True" 
                      CanUserSortColumns="False" 
                      CanUserResizeColumns="True" 
                      ItemsSource="{Binding DataItems}"/>
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

关键修正：WPF中DataGrid的数据源绑定需用ItemsSource而非原代码中的Items，同时绑定路径改为DataItems，匹配我们定义的模型属性。

4. 数据文件格式示例（JSON） #

假设数据文件your_data_file.json结构如下，用来描述每个标签页的标题和对应表格数据：

[
    {
        "TabHeader": "用户列表",
        "GridData": [
            {"Column1": "张三", "Column2": 25},
            {"Column1": "李四", "Column2": 30}
        ]
    },
    {
        "TabHeader": "订单列表",
        "GridData": [
            {"Column1": "订单001", "Column2": 100},
            {"Column1": "订单002", "Column2": 200}
        ]
    }
]

运行程序后，TabControl会自动根据数据文件生成对应数量的标签页，每个标签页内的DataGrid会加载对应数据源并自动生成列。

内容的提问来源于stack exchange，提问作者DarkMessiah