UWP 应用程序 - 将 SQL 表中的数据显示到数据网格或列表框上

Question

I am having some trouble displaying data onto a data grid or even a list box with data from an SQL Server table. I was able to do display the data on load in a DataGridView with a Windows Forms App but not with UWP. I am using the same connection string that I used in my Form App if that makes any difference.

In the Mainpage.xaml I have the datagrid as this:

<Custom:DataGrid x:Name="dataGridView1" ItemsSource="{Binding}"/> 
 <ListBox x:Name="lbData" ItemsSource="{Binding}" Margin="803,428,386,434"/>

In .cs page:

 SqlConnection conn = new SqlConnection();
    conn.ConnectionString = "Server=(local);Database=databaseName;" + "User=someuser; Password=somepassword";
    
SqlCommand cmd = conn.CreateCommand();

string query = "Select * FROM TABLE_NAME";
                cmd.CommandText = query;
                conn.Open();

                SqlDataReader reader = cmd.ExecuteReader();
                reader.Read();

                DataTable dt = new DataTable();
                dt.Load(reader);



                dataGridView1.ItemsSource = dt.DefaultView;
                lbData.ItemsSource = dt.DefaultView;
                dataGridView1.AutoGenerateColumns = true;

                reader.Close();

                cmd.Dispose();
                conn.Close();

I read that DefaultView is required when adding an itemSource to a grid view. Instead of under page loaded, I also implemented this code under a button click to see if any data would show but I got a: System.Data.SqlClient.SqlException: 'A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible error.

Wondering what would be the best fix for this and how I would be able to display the information from my SQL Server table. Thanks.

Answer 1

To retrieve data from the SQL Server database and show it in DataGrid, first you need to create a class whose properties corresponding to the column name of the data table, then use SqlDataReader.Read() method to read data for each row and convert each record to a class object, finally write them to a collection. Please refer to the following code.

  public sealed partial class MainPage : Page
    {
        public ObservableCollection<DataInfo> results;
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void Page_Loaded(object sender, RoutedEventArgs e)
        {
            results = new ObservableCollection<DataInfo>();
            string ConnectionString = "Data Source =xx;Initial Catalog =xx;User ID=xx;Password=xx";
            string query = "Select * FROM timedemo1";
            try
            {
                using(SqlConnection conn=new SqlConnection(ConnectionString))
                {
                    conn.Open();
                    if (conn.State == ConnectionState.Open)
                    {
                        using(SqlCommand cmd = conn.CreateCommand())
                        {
                            cmd.CommandText = query;
                            using (SqlDataReader reader = cmd.ExecuteReader())
                            {

                                while (reader.Read())
                                {
                                    DataInfo data = new DataInfo();
                                    data.name = reader.GetString(0);  //first column datatype:(nchar(10))
                                    data.time = reader.GetDateTime(1); //second column datatype:(date)
                                    results.Add(data);
                                }
                            }
                        }
                    }
                }
            }
            catch (Exception ex)
            {
                Debug.WriteLine("Exception:"+ ex.Message);
            }           
          myDataGrid.ItemsSource =results;       
          myDataGrid.AutoGenerateColumns = true;    
        }
      
    }

    public class DataInfo
    {
        public string name { get; set; }
        public DateTime time { get; set; }
}

More info could be found here. Retrieve products from the SQL Server database