WinRT界面控件Essential Studio使用教程：创建时间范围导航-控件新闻-慧都网

WinRT界面控件Essential Studio使用教程：创建时间范围导航

原创|使用教程|编辑：郝浩|2013-07-02 14:07:15.000|阅读 282 次

概述：本文主要说明如何在界面控件Essential Studio for WinRT(XAML)中如何创建一个SfDate时间范围导航，要实现这个可以参考下面的步骤。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接：

本文主要说明如何在界面控件Essential Studio for WinRT(XAML)中如何创建一个SfDate时间范围导航，要实现这个可以参考下面的步骤：

1、从项目中打开“添加引用”窗口。

2、选择“窗口”> “扩展”> Syncfusion controls for WinRT XAML。

3、在XAML页面添加以下命名空间：

XAML

xmlns:Syncfusion="using:Syncfusion.UI.Xaml.Charts"

4、初始化SfDateTimeRangeNavigator。

XAML

<Syncfusion:SfDateTimeRangeNavigator>
</Syncfusion:SfDateTimeRangeNavigator >

设置SfDateTimeRangeNavigator的项目源

在上面的步骤的将会产生一个空的SfDateTimeRangeNavigator控件，而且没有任何的标签，现在需要设置它的项目源和X绑定路径，项目源必须实现IEnumerable接口。

添加内容

  需要使用以下属性添加需要在SfDateTimeRangeNavigator中显示的内容。

Property	Description
ItemsSource	Sets the ItemsSource for SfDateTimeRangeNavigator.
XBindingPath	Represents the DateTime x values.
Content	Adds any UI content inside a SfDateTimeRangeNavigator.

XAML

<Syncfusion:SfDateTimeRangeNavigator ItemsSource="{Binding ItemsSource}" XBindingPath="Date"  >
<Syncfusion:SfDateTimeRangeNavigator.Content>
<Syncfusion:SfChart x:Name="Chart">
  <Syncfusion:SfChart.PrimaryAxis>
    <Syncfusion:DateTimeAxis/>
  </Syncfusion:SfChart.PrimaryAxis>
  <Syncfusion:SfChart.SecondaryAxis>
   <Syncfusion:NumericalAxis/>
  </Syncfusion:SfChart.SecondaryAxis>
  <Syncfusion:LineSeries 
                ItemsSource="{Binding ItemsSource }" 
                XBindingPath="Date”
                YBindingPath="NoOfUsers">
  </Syncfusion:LineSeries>
 
</Syncfusion:SfChart>
 
</Syncfusion:SfDateTimeRangeNavigator.Content >
 </Syncfusion:SfDateTimeRangeNavigator >

下面是创建的可操控的时间范围导航：