当前位置: 首页 > web开发 > Silverlight > 正文

稳扎稳打Silverlight(4) - 2.0控件之DataGrid,DatePicker,Grid……

时间:2010-04-26 cnblogs webabcd

稳扎稳打Silverlight(4) - 2.0控件之DataGrid,DatePicker,Grid,GridSplitter,HyperlinkButton,Image

在线DEMO

http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html

示例

1、DataGrid.xaml

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="Silverlight20.Control.DataGrid"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   <StackPanel HorizontalAlignment="Left">

    <!--
    后台邦定方式,自动生成列
    -->
    <data:DataGrid x:Name="dgrd" AutoGenerateColumns="True"></data:DataGrid>

  </StackPanel>
</UserControl>

DataGrid.xaml.cs

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;

namespace Silverlight20.Control
{
  public partial class DataGrid : UserControl
  {
    public DataGrid()
    {
      InitializeComponent();

      BindData();
    }

    void BindData()
    {
      var source = new Data.SourceData();

      // 设置 DataGrid 的数据源
      dgrd.ItemsSource = source.GetData().Take(10);
    }
  }
}

2、DatePicker.xaml

<UserControl x:Class="Silverlight20.Control.DatePicker"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls">
  <StackPanel HorizontalAlignment="Left">

    <!--
    TextBox 结合 Calendar,经典的选择日期的方式
    SelectedDateFormat - 被选中的日期的显示格式 [System.Windows.Controls.DatePickerFormat枚举]
      SelectedDateFormat.Short - 简短格式。默认值。如2008-10-10
      SelectedDateFormat.Long - 非简短格式。如2008年10月10日
    -->
    <basics:DatePicker Width="200" SelectedDateFormat="Short"></basics:DatePicker>

  </StackPanel>
</UserControl>