You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WinUI3 MVVM:如何仅通过DataTable数据填充DataGrid

解决WPF中DataTable绑定DataGrid自动生成列的问题

实现步骤

  1. 在ViewModel中添加数据绑定属性
    先确保你的ViewModel实现INotifyPropertyChanged接口,用于属性变化时通知UI更新。然后新增两个核心属性:

    • DatabaseTable:绑定ListView的选中项,选中变化时触发数据加载逻辑
    • SelectedTableData:存储查询返回的DataTable,作为DataGrid的数据源

    核心代码示例:

    private DataTable _selectedTableData;
    public DataTable SelectedTableData
    {
        get => _selectedTableData;
        set
        {
            _selectedTableData = value;
            OnPropertyChanged(nameof(SelectedTableData));
        }
    }
    
    private DatabaseTable _databaseTable;
    public DatabaseTable DatabaseTable
    {
        get => _databaseTable;
        set
        {
            _databaseTable = value;
            OnPropertyChanged(nameof(DatabaseTable));
            LoadTableData();
        }
    }
    
    // 加载选中表的数据
    private async void LoadTableData()
    {
        if (DatabaseTable == null)
        {
            SelectedTableData = null;
            return;
        }
        // 异步执行查询避免UI卡顿
        var data = await Task.Run(() =>
        {
            var query = $"SELECT * FROM {DatabaseTable.Name}";
            using OracleCommand oracleCommand = new OracleCommand(query, _connection);
            using OracleDataAdapter oracleDataAdapter = new OracleDataAdapter(oracleCommand);
            DataTable table = new DataTable();
            oracleDataAdapter.Fill(table);
            return table;
        });
        SelectedTableData = data;
    }
    
    // INotifyPropertyChanged接口实现
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    
  2. 配置DataGrid的XAML绑定
    在界面中添加DataGrid,绑定ItemsSource到ViewModel的SelectedTableData属性,并显式开启自动列生成:

    <DataGrid x:Name="dataGrid" 
              ItemsSource="{Binding SelectedTableData}" 
              AutoGenerateColumns="True"
              Margin="10"/>
    
  3. 设置DataContext
    将ViewModel实例设置为窗口或UserControl的DataContext,确保绑定生效:

    public MainWindow()
    {
        InitializeComponent();
        DataContext = new YourViewModel();
    }
    

关键说明

  • 异步加载:用Task.Run包装数据库操作,避免同步查询导致UI冻结
  • 自动列生成:AutoGenerateColumns="True"会根据DataTable的列信息自动生成表头和数据列
  • 资源释放:用using语句包裹Oracle相关对象,确保数据库资源及时回收

内容的提问来源于stack exchange,提问作者Alan Benet

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 18:22:23