SilverLight2 Beta2 学习研究04、数据绑定控件

最新推荐文章于 2024-05-22 22:42:14 发布
最新推荐文章于 2024-05-22 22:42:14 发布
阅读量50 收藏
点赞数
文章标签： c#
原文链接：http://www.cnblogs.com/xinhaijulan/archive/2008/10/09/1306773.html
版权

     本讲我们介绍silverLight的数据绑定控件：普通绑定控件、DataGrid控件、ListBox控件以及数据绑定的方式。

     数据绑定的方式分为三种：

     OneTime、一次性数据绑定，显示不会变更的数据，默认为这种方式，无需指定绑定模式。

     OneWay、单向数据绑定，显示数据时，如果后台数据变更，那么前台界面的显示也随之变更。指定绑定模式：Mode=OneWay。

     TwoWay、双向数据绑定，后台数据变更，前台界面显示的数据也随之变更；前台界面显示的数据用户可以改变，改变后，后台数据源的数据也随之变更。指定绑定模式：Mode=TwoWay。

     下面将通过介绍绑定控件介绍三种绑定模式。

1、普通绑定控件

     对于普通绑定控件，可以通过对其属性(Text或Content等)="{Binding 数据源的属性}"，代码部分指定控件的DataContext=数据源对象，来实现数据绑定。本实例实现OneTime和OneWay方式，代码如下： 

        <StackPanel x:Name="sPanelBook" Margin="0,50,0,0" HorizontalAlignment="Center">

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="书名：" FontSize="28" Foreground="Coral"/>

                <TextBlock x:Name="txtTitle" FontSize="28" Foreground="Coral" Text="{Binding Title, Mode=OneWay}" />

            </StackPanel>

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="价格：" FontSize="28" Foreground="Coral"/>

                <ContentControl x:Name="txtPrice" FontSize="28" Foreground="Coral" Content="{Binding Price}" />

            </StackPanel>

            <Button x:Name="btnUpdate" Content="更新书名" Click="btnUpdate_Click" FontSize="28" Foreground="DarkBlue" Width="400"/>

        </StackPanel>

    using System.ComponentModel;

    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            BindContext();
        }

        Book book;
        private void BindContext()
        {
            book = new Book { Title = "SilverLight 2.0 入门精典", Price = 28 };//C#3.0语法

            sPanelBook.DataContext = book;//此语句等同于下面的两句           
           
            //txtTitle.DataContext = book;
            //txtPrice.DataContext = book;
        }

        private void btnUpdate_Click(object sender, RoutedEventArgs e)
        {
            if (book.Title.Contains("入门精典"))
            {
                book.Title = "SilverLight 2.0 高级编程";//Title为OneWay绑定，所以前台会改变
                book.Price = 36;                            //Price为OneTime绑定，所以前台不会改变
            }
            else
            {
                book.Title = "SilverLight 2.0 入门精典";//Title为OneWay绑定，所以前台会改变
                book.Price = 28;                            //Price为OneTime绑定，所以前台不会改变
            }
        }
    }

    public class Book : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged(String info)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(info));
            }
        }
        private string title = string.Empty;
        public string Title
        {
            get { return title; }
            set
            {
                if (value != title)
                {
                    title = value;
                    NotifyPropertyChanged("Title");
                }
            }
        }
        public decimal Price { get; set; }
    }

 

运行效果如下：

2、DataGrid控件

      DataGrid控件是一种以网格为主的数据绑定控件。它有五个重要属性：

     自动产生列(AutoGenerateColumns)、允许调整列大小(CanUserResizeColumns)、允许调整列排序(CanUserReorderColumns)、是否可以编辑(IsReadOnly)和数据源绑定对象(ItemsSource)。

     三个列对象：DataGridTextColumn、DataGridCheckBoxColumn和DataGridTemplateColumn。

     本实例实现Mode=TwoWay数据绑定模式，代码如下：   

        <my:DataGrid x:Name="dgTest" AutoGenerateColumns="False" Width="500" Margin="0,20,0,0"

                     HorizontalScrollBarVisibility="Auto" Height="450" VerticalScrollBarVisibility="Auto">

            <my:DataGrid.Columns>

                <my:DataGridTextColumn Header="书名" DisplayMemberBinding="{Binding Title}"></my:DataGridTextColumn>

                <my:DataGridTextColumn Header="价格" DisplayMemberBinding="{Binding Price}"></my:DataGridTextColumn>

                <my:DataGridCheckBoxColumn Header="是否有货" DisplayMemberBinding="{Binding IsOOS}"></my:DataGridCheckBoxColumn>

                <my:DataGridTemplateColumn Header="出版日期">

                    <my:DataGridTemplateColumn.CellTemplate>

                        <DataTemplate>

                            <TextBlock Text="{Binding PublishDate}"></TextBlock>

                        </DataTemplate>

                    </my:DataGridTemplateColumn.CellTemplate>

                    <my:DataGridTemplateColumn.CellEditingTemplate>

                        <DataTemplate>

                            <my1:DatePicker SelectedDate="{Binding PublishDate, Mode=TwoWay}"></my1:DatePicker>

                        </DataTemplate>

                    </my:DataGridTemplateColumn.CellEditingTemplate>

                </my:DataGridTemplateColumn>

            </my:DataGrid.Columns>

            <my:DataGrid.RowDetailsTemplate>

                <DataTemplate>

                    <StackPanel>

                        <StackPanel Orientation="Horizontal">

                            <TextBlock Text="编号：" ></TextBlock>

                            <TextBlock Text="{Binding BookId}" ></TextBlock>

                            <TextBlock Text=" 标题：" ></TextBlock>

                            <TextBlock Text="{Binding Title}" ></TextBlock>

                            <TextBlock Text=" 价格：" ></TextBlock>

                            <TextBlock Text="{Binding Price}" ></TextBlock>

                        </StackPanel>

                        <Image Source="{Binding ImgPath}" Width="450"></Image>

                    </StackPanel>

                </DataTemplate>

            </my:DataGrid.RowDetailsTemplate>

        </my:DataGrid>   

    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            BindDataGrid();
        }

        private void BindDataGrid()
        {
            List<Book> list = new List<Book>();
            for (int i = 0; i < 10; ++i)
            {
                list.Add(new Book
                {
                    BookId = i,
                    Title = "SilverLight 2.0 高级编程" + i.ToString(),
                    Price = 28 + i,
                    PublishDate = DateTime.Now.AddDays(i),
                    IsOOS = 0 == (i % 2),
                    ImgPath="logo.jpg"
                });
            }

            dgTest.ItemsSource = list;
        }
    }

    public class Book
    {
        public int BookId { get; set; }
        public string Title{ get; set; }
        public decimal Price { get; set; }
        public DateTime PublishDate { get; set; }
        public bool IsOOS { get; set; }
        public string ImgPath { get; set; }
    }

 运行效果如下：

 

3、ListBox控件

      ListBox控件是一种以显示单项数据为主的数据绑定控件，它有三个重要属性：列表项(ListBoxItem)、项模板(ItemTemplate)和项绑定对象(ItemsSource)。代码如下： 

        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,20,0,0" >

            <StackPanel>

                <TextBlock Text="填充项" Margin="5,5,5,0" Foreground="Coral"/>

                <ListBox Height="300" Width="100" Margin="5,0,5,5">

                    <Rectangle Width="94" Height="30" Fill="Coral"/>

                    <ListBoxItem Content="填充项A"/>

                    <ListBoxItem Content="填充项B"/>

                    <ListBoxItem Content="填充项C"/>

                    <ListBoxItem Content="填充项D"/>

                    <ListBoxItem Content="填充项E"/>

                    <Ellipse Width="94" Height="30" Fill="Coral"></Ellipse>

                </ListBox>

            </StackPanel>

            <StackPanel>

                <TextBlock Text="绑定到项" Margin="5,5,5,0" Foreground="Coral"/>

                <ListBox x:Name="lbItems" Height="300" Width="150" Margin="5,0,5,5">

                </ListBox>

            </StackPanel>

            <StackPanel>

                <TextBlock Text="绑定到项模板" Margin="5,5,5,0" Foreground="Coral"/>

                <ListBox x:Name="lbDataTemplate" Height="300" Width="400" Margin="5,0,5,5">

                    <ListBox.ItemTemplate>

                        <DataTemplate>

                            <StackPanel>

                                <StackPanel Orientation="Horizontal">

                                    <TextBlock Text="{Binding Title}"></TextBlock>

                                    <TextBlock Text="   "></TextBlock>

                                    <my:DatePicker SelectedDate="{Binding PublishDate}"></my:DatePicker>

                                    <TextBlock Text="   "></TextBlock>

                                    <CheckBox IsChecked="{Binding IsOOS}"></CheckBox>

                                </StackPanel>

                                <Image Source="{Binding ImgPath}"/>

                            </StackPanel>

                        </DataTemplate>

                    </ListBox.ItemTemplate>

                </ListBox>

            </StackPanel>

        </StackPanel>

    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
            BindItems();
            BindDataTemplate();
        }

        private void BindItems()
        {
            List<string> list = new List<string>();
            for (int i = 0; i < 20; ++i)
            {
                list.Add(i.ToString() + "SilverLight 2.0 高级编程");
            }

            lbItems.ItemsSource = list;
        }

        private void BindDataTemplate()
        {
            List<Book> list = new List<Book>();
            for (int i = 0; i < 10; ++i)
            {
                list.Add(new Book
                {
                    BookId = i,
                    Title = "SilverLight 2.0 高级编程" + i.ToString(),
                    Price = 28 + i,
                    PublishDate = DateTime.Now.AddDays(i),
                    IsOOS = 0 == (i % 2),
                    ImgPath = "logo.jpg"
                });
            }

            lbDataTemplate.ItemsSource = list;
        }
    }

    public class Book
    {
        public int BookId { get; set; }
        public string Title { get; set; }
        public decimal Price { get; set; }
        public DateTime PublishDate { get; set; }
        public bool IsOOS { get; set; }
        public string ImgPath { get; set; }
    }

运行效果如下：

     

     综述：本部分主要讲了silverLight的数据绑定控件：普通绑定控件、DataGrid控件、ListBox控件，下一讲我们介绍silverLight的事件处理。

转载于:https://www.cnblogs.com/xinhaijulan/archive/2008/10/09/1306773.html

weixin_30876945
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一步一步学Silverlight 2系列（11）：数据绑定
Garsonguo的专栏
03-10 771
概念 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入Silverlight 2开发
一步一步学Silverlight 2系列（9）：使用控件模板
dearbaba_8520的博客
08-19 212
概述 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby
在Silverlight2 Beta2中开发自定义控件
weixin_33890526的博客
01-10 56
本文主要讲述如何在Silverlight2中开发一个自定义控件，我使用环境是VS2008 Silverlight2 Beta2。 一：创建Silverlight2 类库项目，如下图： 然后我们添加一个控件类，该可以继承自Control类，也可以继承自其他类比如ContentControl，ItemControl。我们继承自ContentContro...
Silverlight 2 Beta2发布了
diansi8126的专栏
03-04 185
Silverlight 2 Beta2发布了 【原文地址】Silverlight 2 Beta2 Released 【原文发表日期】 Friday, June 06, 2008 7:50 PM Silverlight 2 Beta2版今天发布了，你可以在这里下载Silverlight 2 Beta2以及Visual Studio和Expression Blend工具支持。 B...
SilverLight2 Beta2 学习研究03、基本控件
weixin_30938149的博客
10-06 65
这一讲，我们将介绍SilverLight2 Bete2的一些基本控件及其共同的属性。 1、三态控件 三态控件的三种状态是指：选中、Clicked未赋值(null)、未选中。三态控件有：ToggleButton、CheckBox、RadioButton。他们都有一个属性：IsThreeState，如果IsThreeState="true",则该控件第一次被点击的时候触发Che...
升级Silverlight 2 Beta 1应用程序到Beta 2
weixin_34319374的博客
11-09 85
摘要 Silverlight 2 Beta 2发布之后，在原来的Beta 1基础之上有了很多的改变。本文总结一下Silverlight 2 Beta1 和Beta 2之间的变化，以及升级Silverlight 2.0 Beta 1应用程序到Beta 2过程中可能会遇到的一些问题。 1.卸载原有的与Beta 1有关的一切组件 2.安装Beta 2相关...
一步一步学Silverlight 2系列（11）：数据绑定_转载
diehuang2868的博客
04-20 98
概念 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入Silverligh...
Silverlight 2.0 beta2 自定义控件调用方法
08-21 325
Page.xaml：     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"              xmlns:XXX ="clr-namespace:SilverlightApplic
Silverlight 2 Beta2版发布!
北京动点飞扬软件
09-09 865
 Silverlight 2 Beta2版今天发布了，你可以在这里下载Silverlight 2 Beta2以及Visual Studio和Expression Blend工具支持。Beta2加了许许多多的新功能（下面有更多细节），但下载大小仍只有4.6MB大，在机器上安装所花时间少于10秒，不用安装.NET框架或其他任何软件就可以工作，所有的功能在Mac和Windows机器上都能跨浏览器
Silverlight探秘系列课程_Silverlight2中的控件数据绑定
05-17
Silverlight探秘系列课程_Silverlight2中的控件数据绑定
Silverlight绑定数据的例子.zip
06-19
Silverlight绑定数据的例子.zip
GUIMark_Silverlight2Beta_source.zip_beta
09-24
GUIMark是一套测试软件，用来测试系统对用户界面的渲染表现。通常情况下，它可以告诉开发者采用哪种方案更好，执行效能更高。测试主要是RIA测试，包含Flash, ... 此文件是GUIMark V1 Silverlight2.0 Beta部分的测试代码
silverlight2.0Beta版TextBox输入中文解决方法
01-20
新写一个TextBoxEx控件，继承于TextBox，并对TextBox的选择事件及字符改变事件做处理，以下是原代码 代码如下:/************************************************************************/ /* 作者：覃小春 时间：...
Silverlight 2的专业拖放管理器控件
04-11
关于灵活的Silverlight 2拖放管理器和TemplateControl的文章
【c#跨线程操作界面方法】
sdkdslx的博客
05-22 272
我们知道，在winform中进行跨线程操作，如果处理不好则会出现界面卡顿、“线程间操作无效: 从不是创建控件的线程访问它“等问题，在此提供跨线程操作界面方法，可以很好解决相关问题。
C# Winform实现五子棋游戏（代完善）
exlink2012的专栏
05-16 355
【代码】C# Winform实现五子棋游戏（代完善）
C# CryptoStream流的详解与示例
qq_35320456的博客
05-22 454
在当今数字时代，数据安全变得越来越重要。保护敏感信息免受未授权访问是每个开发者的责任。在C#中，使用CryptoStream流可以方便地对数据进行加密和解密。本文将详细介绍C# CryptoStream库的用法、功能以及它如何对数据进行加密和解密。
C语言中的部分常用宏定义格式
最新发布
weixin_62526951的博客
05-22 344
#defineUNUSED(x) (void)(x)、#define SWAPWORD(x) (x)、#define AFFIX(a, b) a ## b
如何通过文件区分WinUI控件，UWP控件，WPF控件和Silverlight控件
06-13
WinUI 控件、UWP 控件、WPF 控件和 Silverlight 控件在语法和结构上有所不同，因此可以通过检查 XAML 代码的命名空间来区分它们。以下是一些常见的命名空间和控件： - WinUI 控件：命名空间为 `http://schemas.microsoft.com/winui/2021/xaml/behaviors` 或 `http://schemas.microsoft.com/winui/2021/xaml/presentation`，控件名称以 `Microsoft.UI` 开头。 - UWP 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/winfx/2008/xaml/presentation`，控件名称以 `Windows.UI` 开头。 - WPF 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/netfx/2007/xaml/presentation`，控件名称以 `System.Windows` 或 `Microsoft.Windows` 开头。 - Silverlight 控件：命名空间为 `http://schemas.microsoft.com/winfx/2006/xaml/presentation` 或 `http://schemas.microsoft.com/client/2007`，控件名称以 `System.Windows.Controls` 或 `Microsoft.Windows.Controls` 开头。 可以通过读取 XAML 文件中的命名空间来确定使用的控件类型。例如，以下代码片段演示了如何读取 XAML 文件中的命名空间： ```csharp using System.Xml.Linq; // Load XAML file into an XDocument XDocument xdoc = XDocument.Load("MyXamlFile.xaml"); // Get the root element of the XAML file XElement root = xdoc.Root; // Get the default namespace of the XAML file XNamespace ns = root.GetDefaultNamespace(); // Check the namespace to determine the type of controls used in the XAML file if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/winui")) { // WinUI controls } else if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/winfx")) { // UWP or WPF controls } else if (ns.NamespaceName.StartsWith("http://schemas.microsoft.com/client")) { // Silverlight controls } else { // Unknown namespace } ``` 请注意，这只是一种简单的方法来区分不同类型的控件，实际上还需要考虑一些其他因素，例如控件的属性和行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值