博客园_点滴积累.NET驿站

[转]Silverlight DatePicker 其实日期及日期格式化

2011-08-04T02:28:00Z

有时候会碰到一些需要设置开始日期和结束日期的需求，比如有很多商品，每件商品都有开始出售日期和结束出售日期的字段。如何使用DatePicker控件来满足这些需求呢，下文将做解答：

1：新建SL4项目文件。新建Page页面DatePickerDemo.xaml;

2：新建实体类Product，包含SellBegin,SellEnd 字段。代码如下：

public class Product
{
    public DateTime SellBegin { get; set; }
    public DateTime SellEnd { get; set; }
}

<navigation:Page x:Class="SLStudy.DatePickerDemo" 
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
           mc:Ignorable="d"
           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
           d:DesignWidth="640" d:DesignHeight="480"
           Title="DatePickerDemo Page" Loaded="Page_Loaded" 
           xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
    <Grid x:Name="LayoutRoot">
        <sdk:DataGrid Name="dataGrid1">
        </sdk:DataGrid>
    </Grid>
</navigation:Page>

后台CS代码为：

dataGrid1.ItemsSource=new List<Product>(){...};

运行实例：结果如下：

当然如果日期格式是这样的，那用户估计会找你麻烦了。默认的日期格式应该”2010/05/05”。

为什么前台xaml代码仅仅这样写，就可以成功的绑定数据呢？

<sdk:DataGrid Name="dataGrid1"> </sdk:DataGrid>

原因在于dataGrid1的AutoGenerateColumns 属性默认是true，为了实现自定义，在这里将它设置为false，并手动添加Column。代码如下：

<sdk:DataGrid Name="dataGrid1" AutoGenerateColumns="False">
    <sdk:DataGrid.Columns>
        <sdk:DataGridTextColumn Header="起始日期" Binding="{Binding SellBegin}" />
        <sdk:DataGridTextColumn Header="结束日期" Binding="{Binding SellEnd}" />
    </sdk:DataGrid.Columns>
</sdk:DataGrid>

运行，结果如下：

但是编辑界面是一个文本框，用户希望的是一个日期选择框，所以需要在单元格编辑的时候，使用DataPicker。

所以需要将<sdk:DataGridTextColumn Header="起始日期" Binding="{Binding SellBegin}" />

修改为使用DataGridTemplateColumn ，代码如下：

<sdk:DataGridTemplateColumn Header="起始日期">
    
    <sdk:DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding SellBegin}" />
        </DataTemplate>
    </sdk:DataGridTemplateColumn.CellTemplate>
    
    <sdk:DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <my:DatePicker SelectedDate="{Binding SellBegin}" />
        </DataTemplate>
    </sdk:DataGridTemplateColumn.CellEditingTemplate>
    
</sdk:DataGridTemplateColumn>

运行效果如下：

通过运行发现，虽然选择了日期，但是起始日期的值并没有变化。为什么？

.......

原来虽然设置了SelectedDate的Binding，但是没有设置Binding的模式(Mode).

于是将DataTemplete中的DatePicker修改为

<my:DatePicker SelectedDate="{Binding SellBegin,Mode=TwoWay}" />

Mode有三种：

OneWay：单向绑定，数据源更改会导致控件的值变化。

OneTime：只绑定一次。

TwoWay：双向绑定，你变我变。

运行后发现值变化了。

虽然值变化了，但是可以看到起始日期明显大于结束日期。

查看DatePicker的各个属性，看到有

DisplayDateStart 和 DisplayDateEnd 属性。

所以我们将起始日期的DisplayDateEnd属性绑定到SellEnd 字段上。结果如下：

<my:DatePicker SelectedDate="{Binding SellBegin,Mode=TwoWay}"

DisplayDateEnd="{Binding SellEnd}"/>

运行结果如下：

好了，剩下最后一步了，就是设置显示的格式了。

第一个要明确的是，我们设置格式的对象是CellTemplete中的TextBlock对象，而不是CellEditingTemplete对象中的DatePicker对象，因为用来显示的是TextBlock对象，而编辑的是DatePicker对象。

查看Binding 的属性，发现有StringFormat属性,代表了格式化字符串。于是修改代码为：

运行，结果如下：

修改结束日期，最后代码如下：

<sdk:DataGrid Name="dataGrid1" AutoGenerateColumns="False">
    <sdk:DataGrid.Columns>
        
        <sdk:DataGridTemplateColumn Header="起始日期">
            <sdk:DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding SellBegin, StringFormat=yyyy-MM-dd}" />
                </DataTemplate>
            </sdk:DataGridTemplateColumn.CellTemplate>
            <sdk:DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <my:DatePicker SelectedDate="{Binding SellBegin,Mode=TwoWay}"
DisplayDateEnd="{Binding SellEnd}"/>
                </DataTemplate>
            </sdk:DataGridTemplateColumn.CellEditingTemplate>
        </sdk:DataGridTemplateColumn>
        
        <sdk:DataGridTemplateColumn Header="结束日期">
            <sdk:DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding SellEnd, StringFormat=yyyy-MM-dd}" />
                </DataTemplate>
            </sdk:DataGridTemplateColumn.CellTemplate>
            <sdk:DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                   <my:DatePicker SelectedDate="{Binding SellEnd,Mode=TwoWay}"
DisplayDateStart="{Binding SellBegin}"/>
                </DataTemplate>
            </sdk:DataGridTemplateColumn.CellEditingTemplate>
        </sdk:DataGridTemplateColumn>
        
    </sdk:DataGrid.Columns>
</sdk:DataGrid>

运行结果如下：

本文来自LoveJenny的博客，原文地址：http://www.cnblogs.com/LoveJenny/archive/2011/06/17/2083254.html

本文链接

【转自 webabcd】系列文章

2011-08-03T01:56:00Z

稳扎稳打 Silverlight 系列文章

游戏人生 Silverlight 系列文章

梦想成真 XNA 系列文章

精进不休 .NET 4.0 系列文章索引

化零为整 WCF 系列文章索引

步步为营 VS 2008 + .NET 3.5 系列文章索引

再接再厉 VS 2008 sp1 + .NET 3.5 sp1 系列文章索引

返璞归真 asp.net mvc 系列文章

乐在其中设计模式(C#)系列文章索引

温故知新 ASP.NET 2.0(C#) 系列文章索引

新瓶旧酒 ASP.NET AJAX 系列文章索引

媛媛控件库之扩展GridView控件(索引) - 增加多个常用功能

媛媛控件库之其它

积少成多 Flash(ActionScript 3.0 & Flex 3.0) 系列文章索引 Flash Flex 3.0 在线 Demo

.NET控件

JavaScript

ASP.NET AJAX

SQL Server

高手的系列文章索引

本文链接

[转]在Silverlight中嵌入HTML、Flash和PDF文件

2011-07-29T00:56:00Z

注：转自http://www.cnblogs.com/Kinglee/archive/2009/10/20/1587113.html

最近在研究怎样将html内容显示在Silverlight中的方法，于是上网查阅了相关资料，发现在Silverlight中实现嵌入html的步骤还是比较繁琐的。本人向来不愿意把事情复杂化，于是经过一番精心搜索，最终在Divelements上发现了HtmlHost这款小巧的组件。通过它的帮助，在Silverlight中嵌入HTML、Flash和PDF文件等，就显得易如反掌了。

HtmlHost

网站：http://www.divelements.co.uk/silverlight/tools.aspx

下载：http://www.divelements.co.uk/silverlight/SilverlightTools.1.0.1.zip

接着，就对该组件进行介绍并且通过实际范例讲述该组件的应用。

1、基本特性

组件所在命名空间：

Divelements.SilverlightTools

组件常用属性：

SourceUri：显示在该组件中的内容的URI。

SourceHtml：用该组件显示的超文本内容。

Document：显示在该组件中的内容的HTML。

组件常用事件：

DocumentReady：当在该组件中的内容的HTML加载完毕后触发该事件。

2、实例讲解

注意：该组件需在windowless模式下才能正常运行。因此，首先要对服务端文件夹下的SilverlightClientTestPage.aspx文件或SilverlightClientTestPage.html文件做如下修改：（绿字粗体部分为新添加的内容）

<param name="windowless" value="true" />

</a>

</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>

</form>

接着，将需要嵌入的Flash文件及PDF文件放置在服务端文件夹的根目录下。

右击SilverlightClient文件夹下的References，引入Divelements.SilverlightTools命名空间。按Ctrl+Shift+B编译。

然后，在SilverlightClient文件夹下新建一个Silverlight UserControl，将其命名为ControlHtmlHost.xaml。该文件内容如下：

<UserControl x:Class="SilverlightClient.ControlHtmlHost"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:divtools="clr-namespace:Divelements.SilverlightTools;assembly=Divelements.SilverlightTools"

Width="900" Height="530">

<divtools:HtmlHost Name="htmlHost"/>

</Grid>

</UserControl>

以下是MainPage文件的内容：

MainPage.xaml文件代码：

<UserControl x:Class="SilverlightClient.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">

</StackPanel>

</StackPanel>

</Grid>

</UserControl>

MainPage.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;

using Divelements.SilverlightTools;

namespace SilverlightClient

{

public partial class MainPage : UserControl

{

public MainPage()

{

InitializeComponent();

//注册事件触发处理

this.Loaded += new RoutedEventHandler(MainPage_Loaded);

this.myHTML.Click += new RoutedEventHandler(myHTML_Click);

this.myFlash.Click += new RoutedEventHandler(myFlash_Click);

this.myPDF.Click += new RoutedEventHandler(myPDF_Click);

}

void MainPage_Loaded(object sender, RoutedEventArgs e)

{

GetRichContent("http://cn.bing.com", UriKind.Absolute);

}

void myPDF_Click(object sender, RoutedEventArgs e)

{

GetRichContent("/test.pdf",UriKind.Relative);

}

void myFlash_Click(object sender, RoutedEventArgs e)

{

GetRichContent("/clock.swf", UriKind.Relative);

}

void myHTML_Click(object sender, RoutedEventArgs e)

{

GetRichContent("http://cn.bing.com", UriKind.Absolute);

}

//获取Rich Content

void GetRichContent(string uri,UriKind uk)

{

Container.Children.Clear();

ControlHtmlHost chtml = new ControlHtmlHost();

HtmlHost hh = chtml.FindName("htmlHost") as HtmlHost;

hh.SourceUri = new Uri(uri, uk);

Container.Children.Add(chtml);

}

最终效果图：

源代码下载：

本文链接

DataGrid使用--转载

2011-03-04T03:16:00Z

1.DataGridView实现课程表 testcontrol.rar

2.DataGridView二维表头及单元格合并 DataGridView单元格合并和二维表头.rar myMultiColHeaderDgv.rar

3.DataGridView单元格显示GIF图片 gifanimationindatagrid.rar

4.自定义显示DataGridView列(行头显示行号与图标,同一单元格显示图片也显示文字)TestDataGridViewRowStyle2.rar

5.扩展DataGridView功能

DataGridView常见用法和FAQ汇总

CheckBox Header Column For DataGridView

DataGridView填充、更新、删除（多行）Sql Express 2005数据库

Datagridview 实现二维表头

如何于DataGridView中使用计算字段

DataGridView 数据绑定的一般过程

DataGridView扩展的一些想法(二维表头、合并单元格、合计行)

Winform DataGridView数据绑定问题

DataGridView分页功能的实现

WINFORM的DataGridView使用点滴

在DataGridView控件中加入ComboBox下拉列表框的实现

DataGridView中虚拟模式（Virtual Mode）的使用

C# DataGridView 小技巧

让DataGridView显示行号

DataGridView隔行显示不同的颜色

扩展 DataGridView 的功能（一）

从 DataGridView 控件托放数据到 TreeView控件

相关一些资料下载(收集自网络)

微软提供的例子 datagridviewsamples.rar

DataGridView使用文档 DataGridView_Doc.rar

Excel与DataGridView互导数据 Excl导入datagridview.rar

DataGridView编程36计.pdf

DataGridView扩展功能代码

本文链接

如何将Silverlight程序嵌入网页

2009-11-25T10:11:00Z

将Silverlight编译后会生成一个Silverlight.js、和ClientBin目录下的.xap文件，另外还有一个.html页面，打开html代码，大家会发现里面有关键的两行代码：1、<scripttype="text/javascript"src="Silverlight.js"></script>2、<object data="data:applicat...

Silverlight钢琴游戏

2009-11-25T09:04:00Z

下载地址：http://files.cnblogs.com/wangweixznu/Piano.rar本人边学边做产物，代码有点乱，建议不要作为学习资料，可能会误导大家~~

为Silverlight应用程序配置IIS

2009-11-25T07:50:00Z

原文地址：http://learn.iis.net/page.aspx/262/configuring-iis-for-silverlight-applications/介绍微软Silverlight是跨浏览器、跨平台的插件技术以及用来交付下一代基于.NET媒体体验和丰富交互性的Web应用程序技术。Silverlight提供灵活的编程模型以支持AJAX、VB、C#、Python和Ruby，并且可以...

A*地图寻路算法实现

2009-11-22T03:59:00Z

上一段时间在学习WPF，用到一位前辈讲解的A*地图算法，于是自己根据算法实现了一下，具体代码如下，可供大家使用，代码大家可以再优化，具体用法就不写了，注释很清楚，另外提供源码下载：http://files.cnblogs.com/wangweixznu/PathFinder.rar具体算法大家可参考深蓝翻译的http://data.gameres.com/message.asp?TopicID=2...

关于WPF中动态注册控件Name

2009-11-19T06:52:00Z

例如我想在WPF页面上动态创建某个控件，并且想后面用到它能方便根据名字找到它，可以通过下面三个方法实现;1.容器控件.RegisterName("Name",要注册的控件)//注册控件2.容器控件.FindName("Name") as 控件类型//找到控件并转换成相应类型如果想移除控件且取消注册可以通过1.容器控件.Children.Remove(控件)//移除控件2.容器控件.Unregist...

WFP制作游戏地图构建障碍物的方法改进

2009-11-12T01:47:00Z

上一段时间一直在阅读“深蓝色”的游戏制作教程，其中第十二讲提到了地图副本，即如下：（引自蓝色的博客）代码下载地址，http://files.cnblogs.com/wangweixznu/WpfGameStudy.rar 引自深蓝色的博客地址为：http://www.cnblogs.com/alamiye010/archive/2009/06/17/1505342.html...