Silverlight DataGrid使用之一 显示篇

一、
用过的Gridview 应该熟悉datagrid控件
Silverlight DataGrid常用事件：
BeginningEdit：发生于一个单元格或行进入编辑模式之前。

CellEditEnded：发生于一个单元格编辑已被确认或取消。

CellEditEnding：发生于一个单元格正在结束编辑时。

CurrentCellChanged：发生于一个单元格成为当前单元格时。

PreparingCellForEdit：发生于在DataGridTemplateColumn下的单元格进入编辑模式时。

SelectionChanged：发生于当SelectedItem或SelectedItems属性值改变时。

Silverlight DataGrid常用方法：
BeginEdit：使DataGrid进入编辑状态。

CancelEdit：取消DataGrid的编辑状态。

CollapseRowGroup：闭合DataGrid的行分组。

CommitEdit：确认DataGrid的编辑完成。

ExpandRowGroup：展开DataGrid的行分组。

GetGroupFromItem：从具体Item中得到分组。

ScrollIntoView：滚动DataGrid视图。

Silverlight DataGrid常用属性：
AlternatingRowBackground：获取或设置一个笔刷用来描绘DataGrid奇数行的背景。

AreRowDetailsFrozen：获取或设置一个值用来判断是否冻结每行内容的详细信息。

AreRowGroupHeadersFrozen：获取或设置一个值用来判断是否冻结分组行的头部。

AutoGenerateColumns：获取或设置一个值用来判断是否允许自动生成表列。

CanUserReorderColumns：获取或设置一个值用来判断是否允许用户重新排列表列的位置。

CanUserSortColumns：获取或设置一个值用来判断是否允许用户按列对表中内容进行排序。

CellStyle：获取或设置单元格的样式。

ColumnHeaderHeight：获取或设置列头的高度。

ColumnHeaderStyle：获取或设置列头的样式。

Columns：获取组件中包含所有列的集合。

ColumnWidth：获取或设置列宽。

CurrentColumn：获取或设置包含当前单元格的列。

CurrentItem：获取包含当前单元格且与行绑定的数据项。

DragIndicatorStyle：获取或设置当拖曳列头时的样式。

DropLocationIndicatorStyle：获取或设置呈现列头时的样式。

FrozenColumnCount：获取或设置冻结列的个数。

GridLinesVisibility：获取或设置网格线的显示形式。

HeadersVisibility：获取或设置行头及列头的显示形式。

HorizontalGridLinesBrush：获取或设置水平网格线的笔刷。

HorizontalScrollBarVisibility：获取或设置水平滚动条的显示样式。

IsReadOnly：获取或设置DataGrid是否为只读。

MaxColumnWidth：获取或设置DataGrid的最大列宽。

MinColumnWidth：获取或设置DataGrid的最小列宽。

RowBackground：获取或设置用于填充行背景的笔刷。

RowDetailsTemplate：获取或设置被用于显示行详细部分的内容的模板。

RowDetailsVisibilityMode：获取或设置一个值用以判定行详细部分是否显示。

RowGroupHeaderStyles：获取呈现行分组头部的样式。

RowHeaderStyle：获取或设置呈现行头的样式。

RowHeaderWidth：获取或设置行头的宽度。

RowHeight：获取或设置每行的高度。

RowStyle：获取或设置呈现行时的样式。

SelectedIndex：获取或设置当前选中部分的索引值。

SelectedItem：获取或设置与当前被选中行绑定的数据项。

SelectedItems：获取与当前被选中的各行绑定的数据项们的列表(List)。

SelectionMode：获取或设置DataGrid的选取模式。

VerticalGridLinesBrush：获取或设置垂直网格线的笔刷。

VerticalScrollBarVisibility：获取或设置垂直滚动条的显示样式。

1指定Column列表
<sdk:DataGrid AutoGenerateColumns="False" Height="236" HorizontalA lignment="Left" Name="dataGrid1"
VerticalAlignment="Top" Width="368">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="编号" Binding="{Binding id}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Header="文本" Binding="{Binding text}"></sdk:DataGridTextColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
还有个DataGridCheckBoxColumn 它主要是Checkbox选项 boolean类型另外DataGridTemplateColumn是自定义布局数据模板
2 加载时候显示填色
SolidColorBrush r = new SolidColorBrush(Colors.Red);
private void dataGrid1_LoadingRow(object sender, DataGridRowE ventArgs e)
{
CData c = e.Row.DataContext as CData;
if (c.id % 5 == 0)
e.Row.Background = r;
else
e.Row.Background = new SolidColorBrush(Colors.White); }
3 Row详细显示模板
<sdk:DataGrid AutoGenerateColumns="False" Height="236" HorizontalAlig nment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="368" Loa dingRow="dataGrid1_LoadingRow">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="编号" Binding="{Binding id}"></sdk:DataGridTextColumn>
<sdk:DataGridTextColumn Header="文本" Binding="{Binding text}"></sdk:DataGridTextColumn>
</sdk:DataGrid.Columns>
<sdk:DataGrid.RowDetailsTemplate>
<DataTemplate>
<Border>
<Rectangle Width="auto" Height="50" Fill="Red "></Rectangle>
</Border>
</DataTemplate>
</sdk:DataGrid.RowDetailsTemplate>
</sdk:DataGrid>
Silverlight DataGrid使用之二更新行篇
2011-06-05 16:08
首先在wcf加上一个编辑方法
[ServiceContract]
public interface IService1
{
[OperationContract]
List<CData> GetCDatas();
[OperationContract]
bool EditCData(CData c);
// TODO: 在此添加您的服务操作
}
// 使用下面示例中说明的数据协定将复合类型添加到服务操作
[DataContract]
public class CData
{
[DataMember]
public int id;
[DataMember]
public string text;
}
[System.ServiceModel.Activation.AspNetCompatibilityRequirements(R equirementsMode =
System.ServiceModel.Activation.AspNetCompatibilityRequirementsMode.Re quired)]
public class Service1 : IService1
{
public List<CData> GetCDatas()
{
SqlConnection cn = new
SqlConnection(System.Web.Configuration.WebConfigurationManager.Connec tionStrings["sldatabaseConnectionString"].ConnectionString);
SqlCommand cmd=new SqlCommand ("select id,text from
t1",cn);
cn.Open();
SqlDataReader dr=cmd.ExecuteReader( );
List<CData> CList=new List<CData> ();
while (dr.Read())
{
CData c = new CData { id =
int.Parse(dr["id"].ToString()), text = dr["text"].ToString() };
CList.Add(c);
}
cn.Close();
return CList;
}
public bool EditCData(CData c)
{
SqlConnection cn = new
SqlConnection(System.Web.Configuration.WebConfigurationManager.Connec tionStrings["sldatabaseConnectionString"].ConnectionString);
SqlCommand cmd = new SqlCommand("update t1 set text=@text where id=@id",cn);
cmd.Parameters.Add("@text",
System.Data.SqlDbType.NVarChar).Value = c.text;
cmd.Parameters.Add("@id",
System.Data.SqlDbType.Int).Value=c.id;
cn.Open();
int r = cmd.ExecuteNonQuery();
cn.Close();
if (r > 0)
return true;
else
return false;
}
}
在数据库创建一个表随便取名
xaml代码
<sdk:DataGrid AutoGenerateColumns="False" Height="236" HorizontalAlignment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="368" LoadingRow="dataGrid1_LoadingRow" FrozenColumnCount="1" RowEditEnded="dataGrid1_RowEditEnded">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="编号
" Binding="{Binding id}"></sdk:DataGridTextColumn>
<sdk:DataGridTemplateColumn Header="文本">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding text}" />
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
<sdk:DataGridTemplateColumn.CellEditingTemplate> <DataTemplate>
<TextBox Text="{Binding Mode=TwoWay, Path=text}"></TextBox>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellEditingTemplate> </sdk:DataGridTemplateColumn> </sdk:DataGr id.Columns>
</sdk:DataGrid>
cs代码
private void dataGrid1_RowEditEnded(object sender, DataGridRowEditEndedEventArgs e)
{
CData c = e.Row.DataContext as CData;
Service1Client s = new Service1Client();
s.EditCDataCompleted += new
EventHandler<EditCDataCompletedEventArgs>(s_EditCDataCompleted);
s.EditCDataAsync(c);
}
void s_EditCDataCompleted(object sender, EditCDataCompletedEventArgs e)
{
if (e.Result)
System.Windows.Browser.HtmlPage.Window.Alert("成功"); else
System.Windows.Browser.HtmlPage.Window.Alert("失败"); }
然后测试显示列表后双击一个行
然后点击DataGrid边框结束编辑状态
Silverlight DataGrid使用之三排序篇
2011-06-06 23:18
首先DataGrid 自带的排序特性
<Grid x:Name="LayoutRoot" Background="White">
<sdk:DataGrid AutoGenerateColumns="False" Height="236" HorizontalAlignment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="368" LoadingRow="dataGrid1_LoadingRow" FrozenColumnCount="1" RowEditEnded="dataGrid1_RowEditEnded">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="编号" Binding="{Binding id}" CanUserSort="True" ></sdk:DataGridTextColumn>
<sdk:DataGridTemplateColumn Header="文本">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding text}" />
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
<sdk:DataGridTemplateColumn.CellEditingTemplate>
<DataTemplate>
<TextBox Text="{Binding Mode=TwoWay, Path=text}"></TextBox>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellEditingTemplate>
</sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
另一个方法是使用 System.Windows.Data.PagedCollectionView
在后台代码
public partial class DataGridControl : UserControl
{
public DataGridControl()
{
InitializeComponent();
SilverlightApplication1.ServiceReference1.Service1Client c = new ServiceReference1.Service1Client();
c.GetCDatasCompleted += new
EventHandler<ServiceReference1.GetCDatasCompletedEventArgs>(c_GetCDat asCompleted);
c.GetCDatasAsync();
}
void c_GetCDatasCompleted(object sender,
ServiceReference1.GetCDatasCompletedEventArgs e)
{
if (e.Error == null)
{
System.Windows.Data.PagedCollectionView view = new
System.Windows.Data.PagedCollectionView(e.Result);
view.SortDescriptions.Add(new
ponentModel.SortDescription("id",
ponentModel.ListSortDirection.Descending) );//指定属性名称作排序
dataGrid1.ItemsSource = view;
}
}
Silverlight DataGrid使用之四过滤篇
2011-06-06 23:36
创建wcf和xml页面参考
/mldark/blog/item/a8f40a1909fa26a34bedbce3.html /mldark/blog/item/a8315d01c4c3b909738b650d.html
然后在后台代码修改一下
namespace SilverlightApplication1
{
public partial class DataGridControl : UserControl
{
public DataGridControl()
{
InitializeComponent();
SilverlightApplication1.ServiceReference1.Service1Client c = new ServiceReference1.Service1Client();
c.GetCDatasCompleted += new
EventHandler<ServiceReference1.GetCDatasCompletedEventArgs>(c_GetCDat asCompleted);
c.GetCDatasAsync();
}
void c_GetCDatasCompleted(object sender,
ServiceReference1.GetCDatasCompletedEventArgs e)
{
if (e.Error == null)
{
System.Windows.Data.PagedCollectionView view = new System.Windows.Data.PagedCollectionView(e.Result);
view.Filter = (o) =>
{
CData c = o as CData;
return c.id % 5 == 0;
//过滤条件
};
dataGrid1.ItemsSource = view;
}
}
如果需要服务器数据库上过滤条件数据首先在sl输入好条件然后用wcf发送到服务器上用sql的where 返回一个列表需要wcf定义一个过滤方法看需求过滤什么条件就可以了思路和更新行没什么区别的
查看文章
Silverlight DataGrid使用之五分页篇
2011-06-07 23:01
用Silverlight提供分页特性参考
/mldark/blog/item/cbbdc3c30ffe5f21e4dd3bc4.html这
个文章
接下来讲解用服务端分页合适上万数据使用
首先在数据库创建一个表随便取名
然后创建一个存储过程取名DataGridPages
CreatePROCEDURE [dbo].[DataGridPages] (@pageindex int,@pagesize int ) AS
BEGIN
with pages as
(
SELECT id,text,ROW_NUMBER()over(order by id)as pageindex FROM dbo.t1
)
SELECT * FROM pages
where pageindex between(@pageindex*@pagesize)+1 and
(@pageindex+1)*@pagesize
END
我用的是sqlserver2008版本创建好了然后在wcf创建类型
cs代码
namespace WcfService1
{
// 注意: 使用“重构”菜单上的“重命名”命令，可以同时更改代码和配
置文件中的接口名“IService1”。

[ServiceContract]
public interface IService1
{
[OperationContract]
List<CData> GetCDatas(int pageindex,int pagesize);
[OperationContract]
int PageCount(int pagesize);
// TODO: 在此添加您的服务操作
}
// 使用下面示例中说明的数据协定将复合类型添加到服务操作
[DataContract]
public class CData
{
[DataMember]
public int id;
[DataMember]
public string text;
}
[System.ServiceModel.Activation.AspNetCompatibilityRequirements(Req uirementsMode =
System.ServiceModel.Activation.AspNetCompatibilityRequirementsMode.Re quired)]
public class Service1 : IService1
{
public List<CData> GetCDatas(int pageindex,int pagesize)
{
SqlConnection cn = new
SqlConnection(System.Web.Configuration.WebConfigurationManager.Connec tionStrings["sldatabaseConnectionString"].ConnectionString);
SqlCommand cmd=new SqlCommand ("DataGridPages",cn);
mandType = mandType.StoredProcedure; cmd.Parameters.AddWithValue("@pageindex", pageindex);
cmd.Parameters.AddWithValue("@pagesize", pagesize);
cn.Open();
SqlDataReader dr=cmd.ExecuteReader( );
List<CData> CList=new List<CData> ();
while (dr.Read())
{
CData c = new CData { id =
int.Parse(dr["id"].ToString()), text = dr["text"].ToString() };
CList.Add(c);
}
cn.Close();
return CList;
}
public int PageCount(int pagesize)
{
SqlConnection cn = new
SqlConnection(System.Web.Configuration.WebConfigurationManager.Connec tionStrings["sldatabaseConnectionString"].ConnectionString);
SqlCommand cmd=new SqlCommand ("SELECT COUNT(id) FROM
t1" ,cn);
cn.Open();
int count =int.Parse( cmd.ExecuteScalar().ToString());
cn.Close();
if (count % pagesize == 0)//如果有余数的话+1
return count / pagesize;
else
return count / pagesize + 1;
}
}
在xaml代码
<Grid x:Name="LayoutRoot" Background="White">
<sdk:DataGrid AutoGenerateColumns="False" Height="236" HorizontalAlignment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="368" LoadingRow="dataGrid1_LoadingRow" FrozenColumnCount="1" > <sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="编号
" Binding="{Binding id}"
CanUserSort="True"></sdk:DataGridTextColumn>
<sdk:DataGridTemplateColumn Header="文本">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<TextBlock Text="{Binding text}" />
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
<sdk:DataGridTemplateColumn.CellEditingTemplate> <DataTemplate>
<TextBox Text="{Binding Mode=TwoWay,
Path=text}"></TextBox>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellEditingTemplate> </sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
<Button Content="上页" Height="23" HorizontalAlignment="Left" Margin="0,255,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
<Button Content="下页" Height="23" HorizontalAlignment="Left" Margin="81,255,0,0" Name="button2" VerticalAlignment="Top" Width="75" Click="button2_Click" />
<TextBlock Height="23" HorizontalAlignment="Left"
Margin="162,255,0,0" Name="textBlock1" Text="" VerticalAlignment="Top" Width="97" />
</Grid>
using System;
using System.Collections.Generic;
using System.Linq;
using ;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using SilverlightApplication1.ServiceReference1;
namespace SilverlightApplication1
{
public partial class DataGridControl : UserControl
{
int currentIndex = 0;//当前素引
int pagesize = 5;//每页项数
int pagecount;//页总数
SilverlightApplication1.ServiceReference1.Service1Client c = new ServiceReference1.Service1Client();
public DataGridControl()
{
InitializeComponent();
c.GetCDatasCompleted += new
EventHandler<ServiceReference1.GetCDatasCompletedEventArgs>(c_GetCDat asCompleted);
c.GetCDatasAsync(currentIndex,pagesize);
c.PageCountCompleted += new
EventHandler<PageCountCompletedEventArgs>(c_PageCountCompleted);
c.PageCountAsync(pagesize);
}
void c_PageCountCompleted(object sender, PageCountCompletedEventArgs e)
{
if (e.Error == null)
{
pagecount = e.Result;
textBlock1.Text = currentIndex + 1 + "/" + pagecount; }
}
void c_GetCDatasCompleted(object sender,
ServiceReference1.GetCDatasCompletedEventArgs e)
{
if (e.Error == null)
{
dataGrid1.ItemsSource = e.Result;
}
}
private void dataGrid1_LoadingRow(object sender, DataGridRowEventArgs e)
{
//下页
private void button2_Click(object sender, RoutedEventArgs e) {
currentIndex++;
if (pagecount-1 <= currentIndex)
{
currentIndex = pagesize -3;
c.GetCDatasAsync(currentIndex, pagesize);
button2.IsEnabled = false;
button1.IsEnabled = true;
}
else
{
c.GetCDatasAsync(currentIndex, pagesize);
button1.IsEnabled = true;
}
textBlock1.Text = currentIndex+1 + "/" + pagecount;
}
//上页
private void button1_Click(object sender, RoutedEventArgs e) {
currentIndex--;
if (0 >= currentIndex)
{
currentIndex = 0;
c.GetCDatasAsync(currentIndex, pagesize);
button1.IsEnabled = false;
button2.IsEnabled = true;
}
else
{
c.GetCDatasAsync(currentIndex, pagesize);
button2.IsEnabled = true;
}
textBlock1.Text = currentIndex + 1 + "/" + pagecount;
}
}
}。