Silverlight DataGrid使用之一显示篇

ljl_xyf

浏览: 642200 次
性别:
来自: 北京

最近访客更多访客>>

yangdaliang

u012363178

guotaoid

gybmike

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Silverlight4.0

Silverlight DataGrid使用之一显示篇

一、

用过asp.net的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" HorizontalAlignment="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, DataGridRowEventArgs 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" HorizontalAlignment="Left" Name="dataGrid1" VerticalAlignment="Top" Width="368" LoadingRow="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(RequirementsMode = System.ServiceModel.Activation.AspNetCompatibilityRequirementsMode.Required)]
    public class Service1 : IService1
    {

        public List<CData> GetCDatas()
        {
            SqlConnection cn = new SqlConnection(System.Web.Configuration.WebConfigurationManager.ConnectionStrings["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.ConnectionStrings["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:DataGrid.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 自带的排序特性

另一个方法是使用 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_GetCDatasCompleted);
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 System.ComponentModel.SortDescription("id", System.ComponentModel.ListSortDirection.Descending) );//指定属性名称作排序
dataGrid1.ItemsSource = view;

}

Silverlight DataGrid使用之四过滤篇

2011-06-06 23:36

创建wcf和xml页面参考http://hi.baidu.com/mldark/blog/item/a8f40a1909fa26a34bedbce3.html

http://hi.baidu.com/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_GetCDatasCompleted);
            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提供分页特性参考http://hi.baidu.com/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: 在此添加您的服务操作
}

}

[System.ServiceModel.Activation.AspNetCompatibilityRequirements(RequirementsMode = System.ServiceModel.Activation.AspNetCompatibilityRequirementsMode.Required)]
public class Service1 : IService1
{

        public List<CData> GetCDatas(int pageindex,int pagesize)
        {
            SqlConnection cn = new SqlConnection(System.Web.Configuration.WebConfigurationManager.ConnectionStrings["sldatabaseConnectionString"].ConnectionString);
            SqlCommand cmd=new SqlCommand ("DataGridPages",cn);
            cmd.CommandType = System.Data.CommandType.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.ConnectionStrings["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代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
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_GetCDatasCompleted);
            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;

       }
    }
}
显示效果

Silverlight_DataGrid使用之一_显示篇.rar (55.3 KB)
下载次数: 1

分享到：

jquery-validation 使用 | inux tar 加压、压缩命令详解

2013-04-01 15:31
浏览 2061
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论