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();
}  
以上部分就实现了简单的数据库的绑定,这部分也是非常重要的部分,我们在使用的时候可以按照上述步骤来进行绑定!
上一篇:Mysql 性能优化7【重要】sql语句的优化 浅谈MySQL中优化sql语句查询常用的30种方法(转)


下一篇:php 静态类的之static::class 和self::class的区别