WPF将数据库和GridView绑定并更改GridView模板
首先来看一下如何使用GridView,在前台的话代码如下:这里仅仅举出一个例子,GridView是作为子项嵌套在ListView中的,这里的数据源是通过绑定的方式来绑定到GridView中的。
<ListView Margin="15,115,15,48" Name="lstProducts" ItemsSource="{Binding}"> <ListView.View> <GridView> <GridViewColumn Header="ProductID" DisplayMemberBinding="{Binding Path=ProductID}"></GridViewColumn> <GridViewColumn Header="Product Name" DisplayMemberBinding="{Binding Path=ProductName}"></GridViewColumn> <GridViewColumn Header="SupplierID" DisplayMemberBinding="{Binding Path=SupplierID}"></GridViewColumn> <GridViewColumn Header="CategoryID" DisplayMemberBinding="{Binding Path=CategoryID}"></GridViewColumn> <GridViewColumn Header="Qty. Per Unit" DisplayMemberBinding="{Binding Path=QuantityPerUnit}"></GridViewColumn> <GridViewColumn Header="Unit Price" DisplayMemberBinding="{Binding Path=UnitPrice}"></GridViewColumn> <GridViewColumn Header="In Stock" DisplayMemberBinding="{Binding Path=UnitInStock}"></GridViewColumn> </GridView> </ListView.View> </ListView>
这里有一些关键字,Header和DisplayMemberBinding,在前台中我们可以通过修改模板的方式来修改GridView的样式,首先我们可以修改GridView的列头的样式,我们可以改变背景,字体大小,高度等一系列参数。
<GridView.ColumnHeaderTemplate> <DataTemplate> <TextBlock FontFamily="Microsoft YaHei" FontSize="35" Foreground="White" Background="#333" Width="265" HorizontalAlignment="Center" TextAlignment="Center"> <TextBlock.Text> <Binding/> </TextBlock.Text> </TextBlock> </DataTemplate> </GridView.ColumnHeaderTemplate>
另外还有一个重要的模板,就是CellTemplate,我们需要注意GridViewColumn用了DisplayMemberBinding 使得CellTemplate失效,所以如果需要自定义CellTemplate,那么一定要去掉 DisplayMemberBinding。 下面是一个具体的例子。
首先在资源中定义模板,
<DataTemplate x:Key="GridViewCellTemplate"> <TextBlock FontFamily="Microsoft YaHei" Height="60" FontSize="35" Foreground="White" Background="Gray" Width="265" HorizontalAlignment="Center" TextAlignment="Center"> <TextBlock.Text> <Binding Path="DisplayName" Mode="TwoWay"/> </TextBlock.Text> </TextBlock> </DataTemplate>
然后在具体的列中引用,<GridViewColumn Header="投诉人" Width="Auto" CellTemplate="{StaticResource GridViewCellTemplate}" ></GridViewColumn>这样就可以实现对每一列的模板替换。
还有很重要的一部分就是在后台来讲数据库绑定到前台中,在xaml中我们使用了ItemsSource="{Binding}",那么在后台的代码中:
/// <summary> /// 从数据库中获取数据并绑定到GridView上 /// </summary> private void GetDataFromDataBase() { string connectStr = "Server=127.0.0.1;Database=test;Uid=root;Pwd=12345;Port=3306;CharSet=gbk;allow zero datetime=true"; string cmdStr = "select * from camerainfo order by pID desc limit 100"; DataBaseMySqlHander sql = new DataBaseMySqlHander(connectStr); DataTable dt = sql.GetDataTable(cmdStr); if (dt == null) return; //创建一个DataTable的副本 DataTable tempTable = new DataTable(); tempTable = dt.Clone();//克隆 System.Data.DataTable 的结构 //包括所有 System.Data.DataTable 架构和约束。 if (tempTable != null && dt.Rows.Count>0) { for (int i = 0; i < dt.Rows.Count; i++) { tempTable.ImportRow(dt.Rows[i]); } } //为ListView绑定数据源 this.dv= tempTable.DefaultView; tempTable.Dispose(); }
以上部分就实现了简单的数据库的绑定,这部分也是非常重要的部分,我们在使用的时候可以按照上述步骤来进行绑定!