Silverlight ItemsControl 实现webform中类似于repeater和DataList功能

最新推荐文章于 2021-02-13 17:08:45 发布
最新推荐文章于 2021-02-13 17:08:45 发布
阅读量4.1k 收藏
点赞数
分类专栏： 1.SilverLight 相关 文章标签： silverlight webform datatemplate string binding class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laolaowhn/article/details/6080432
版权

ItemsControl结构，在2中有详细说明

 

<ItemsControl>
<ItemsControl.Template>
<ItemsPresenter></ItemsPresenter>
</ItemsControl.Template>
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate />
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate />
</ItemsControl.ItemTemplate>
</ItemsControl>

Read more: http://discuss.itacumens.com/index.php?topic=55001.0#ixzz18GFzd8jl

其次是silverlight 4 outline document中的说明

 

 

表示一个可用于呈现项的集合的控件。

命名空间：  System.Windows.Controls
程序集：  System.Windows（在 System.Windows.dll 中）

示例

下面的示例创建一个具有多个 ListBox 控件的页面，这些控件继承自以多种方式配置的 ItemsControl。

运行此示例

 "复制"图像复制代码
<UserControl x:Class="ListBoxSnippetEx.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:src="clr-namespace:ListBoxSnippetEx"
     >

    <StackPanel x:Name="LayoutRoot" Background="White" Margin="10,10,10,10">
        <StackPanel Orientation="Horizontal" >
            <TextBlock Margin="5" Text="ListBox with unbound data:" />
        <ListBox Width="150" Margin="0,5,0,10">
            <TextBlock Text="TextBlock" />
            <TextBox Text="TextBox" />
            <Button Content="Button"  />
            <Rectangle Fill="LightBlue" Height="20" Width="100"  Margin="2,2,2,2"/>
            <Ellipse Fill="Coral" Height="20" Width="150"  Margin="2,2,2,2"/>
        </ListBox>

        <TextBlock Margin="5" Text="ListBox with bound data:" />
        <Grid>
            <Grid.Resources>
                <src:Customers x:Key="customers"/>
            </Grid.Resources>
            <ListBox ItemsSource="{StaticResource customers}" Width="250" Margin="0,5,0,10" 
               DisplayMemberPath="LastName"/>
        </Grid>
</StackPanel>
        <StackPanel Orientation="Horizontal" >
            <TextBlock Margin="5" Text="ListBox with ItemTemplate:" Width="160" />
            <Grid>
                <Grid.Resources>
                    <src:Customers x:Key="customers"/>
                </Grid.Resources>

                <ListBox ItemsSource="{StaticResource customers}" Width="350" Margin="0,5,0,10">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Padding="5,0,5,0"
                      Text="{Binding FirstName}" />
                                <TextBlock Text="{Binding LastName}" />
                                <TextBlock Text=", " />
                                <TextBlock Text="{Binding Address}" />
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </Grid>
            <Grid>
                <Grid.Resources>
                    <Style x:Key="horizontalListBoxStyle" TargetType="ListBox">
                        <Setter Property="ItemsPanel">
                            <Setter.Value>
                                <ItemsPanelTemplate>
                                    <StackPanel Orientation="Horizontal"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"/>
                                </ItemsPanelTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Padding="5,0,5,0"
                          Text="{Binding FirstName}" />
                                        <TextBlock Text="{Binding LastName}" />
                                    </StackPanel>
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>

                    <src:Customers x:Key="items"/>
                </Grid.Resources>
                <ListBox Height="25" Width="420" ItemsSource="{StaticResource items}" Style="{StaticResource horizontalListBoxStyle}"/>
            </Grid>
        </StackPanel>
        <TextBlock Margin="5" Text="ListBox with SelectionChanged event handler:" Width="270" HorizontalAlignment="Left" />
            <ListBox Width="150" Margin="0,5,0,5" SelectionChanged="PrintText" HorizontalAlignment="Left">
                <ListBoxItem Content="Item 1" />
                <ListBoxItem Content="Item 2" />
                <ListBoxItem Content="Item 3" />
                <ListBoxItem Content="Item 4" />
                <ListBoxItem Content="Item 5" />
            </ListBox>
            <TextBlock Name="textBlock1" />
     </StackPanel>
</UserControl>
Visual Basic "复制"图像复制代码
Imports System
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Documents
Imports System.Windows.Ink
Imports System.Windows.Input
Imports System.Windows.Media
Imports System.Windows.Media.Animation
Imports System.Windows.Shapes
Imports System.Collections.ObjectModel

Partial Public Class Page
    Inherits UserControl
    Public Sub New()
        ' Required to initialize variables 
        InitializeComponent()
    End Sub

    Private Sub PrintText(ByVal sender As Object, ByVal args As SelectionChangedEventArgs)
        Dim lbi As ListBoxItem = TryCast(TryCast(sender, ListBox).SelectedItem, ListBoxItem)
        textBlock1.Text = " You selected " + lbi.Content.ToString() + "."
    End Sub

End Class


Public Class Customer
    Private _firstName As String
    Private _lastName As String
    Private _address As String

    Public Property FirstName() As String
        Get
            Return _firstName
        End Get

        Set(ByVal value As String)
            _firstName = value
        End Set
    End Property

    Public Property LastName() As String
        Get
            Return _lastName
        End Get

        Set(ByVal value As String)
            _lastName = value
        End Set
    End Property

    Public Property Address() As String
        Get
            Return _address
        End Get

        Set(ByVal value As String)
            _address = value
        End Set
    End Property

    Public Sub New(ByVal firstName As String, ByVal lastName As String, ByVal address As String)
        Me.FirstName = firstName
        Me.LastName = lastName
        Me.Address = address
    End Sub

End Class

Public Class Customers
    Inherits ObservableCollection(Of Customer)

    Public Sub New()
        Add(New Customer("Michael", "Anderberg", "12 North Third Street, Apartment 45"))
        Add(New Customer("Chris", "Ashton", "34 West Fifth Street, Apartment 67"))
        Add(New Customer("Cassie", "Hicks", "56 East Seventh Street, Apartment 89"))
        Add(New Customer("Guido", "Pica", "78 South Ninth Street, Apartment 10"))
    End Sub

End Class
C# "复制"图像复制代码
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.ObjectModel;

namespace ListBoxSnippetEx
{
    public partial class Page : UserControl
    {
        public Page()
        {
            // Required to initialize variables
            InitializeComponent();
        }

        void PrintText(object sender, SelectionChangedEventArgs args)
        {
            ListBoxItem lbi = ((sender as ListBox).SelectedItem as ListBoxItem);
            textBlock1.Text = "   You selected " + lbi.Content.ToString() + ".";
        }

    }

    public class Customer
    {
        public String FirstName { get; set; }
        public String LastName { get; set; }
        public String Address { get; set; }

        public Customer(String firstName, String lastName, String address)
        {
            this.FirstName = firstName;
            this.LastName = lastName;
            this.Address = address;
        }

    }

    public class Customers : ObservableCollection<Customer>
    {
        public Customers()
        {
            Add(new Customer("Michael", "Anderberg",
                    "12 North Third Street, Apartment 45"));
            Add(new Customer("Chris", "Ashton",
                    "34 West Fifth Street, Apartment 67"));
            Add(new Customer("Cassie", "Hicks",
                    "56 East Seventh Street, Apartment 89"));
            Add(new Customer("Guido", "Pica",
                    "78 South Ninth Street, Apartment 10"));
        }

    }
}

下面的示例创建 ItemsControl。默认情况下，ItemsControl 列出项，但是没有任何其他可视特性（如镶边）。该示例指定用于为 ItemsControl 设置边框的 ControlTemplate。它还指定了用于指定每个项的外观的 DataTemplate 和用于水平排列项的 ItemsPanelTemplate。

 "复制"图像复制代码
<Grid>
  <Grid.Resources>
    <src:Tasks x:Key="myTodoList"/>
  </Grid.Resources>  
  <ItemsControl Margin="10" Width="400" 
            ItemsSource="{Binding Source={StaticResource myTodoList}}">
    <!--Use the Template property to specify a ControlTemplate to define
    the appearance of an ItemsControl. The ItemsPresenter uses the specified
    ItemsPanelTemplate (defined below) to layout the items. If an
    ItemsPanelTemplate is not specified, the default is used. (For ItemsControl,
    the default is an ItemsPanelTemplate that specifies a StackPanel that
    arranges items vertically.)-->
    <ItemsControl.Template>
      <ControlTemplate TargetType="ItemsControl">
        <Border BorderBrush="Aqua" BorderThickness="1" CornerRadius="15">
          <ItemsPresenter/>
        </Border>
      </ControlTemplate>
    </ItemsControl.Template>
    <!--Use the ItemsPanel property to specify an ItemsPanelTemplate
    that defines the panel that is used to hold the generated items.
    In other words, use this property if you want to affect
    how the items are laid out.-->
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate>
        <StackPanel Orientation="Horizontal"/>
      </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!--Use the ItemTemplate to set a DataTemplate to define
    the appeatance of the data objects. This DataTemplate
    specifies that each data object appears with the Proriity
    and TaskName on top of a silver ellipse.-->
    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <Grid Width="70" Margin="5">
          <Ellipse Fill="Silver"/>
          <StackPanel>
            <TextBlock Margin="3,3,3,0" FontSize="12" HorizontalAlignment="Center"
                   Text="{Binding Path=Priority}"/>
            <TextBlock Margin="3,0,3,7" FontSize="12" HorizontalAlignment="Center"
                   Text="{Binding Path=TaskName}"/>
          </StackPanel>
        </Grid>
      </DataTemplate>
    </ItemsControl.ItemTemplate>
  </ItemsControl>
</Grid>
C# "复制"图像复制代码
public class Task : INotifyPropertyChanged
{
    private string name;
    private int priority;


    public event PropertyChangedEventHandler PropertyChanged;

    public Task()
    {
    }

    public Task(string name, int priority)
    {
        this.name = name;
        this.priority = priority;
    }

    public override string ToString()
    {
        return name.ToString();
    }

    public string TaskName
    {
        get { return name; }
        set
        {
            name = value;
            OnPropertyChanged("TaskName");
        }
    }

    public int Priority
    {
        get { return priority; }
        set
        {
            priority = value;
            OnPropertyChanged("Priority");
        }
    }

    protected void OnPropertyChanged(string info)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(info));
        }
    }
}

public class Tasks : ObservableCollection<Task>
{
    public Tasks()
        : base()
    {
        Add(new Task("Shopping", 2));
        Add(new Task("Laundry", 2));
        Add(new Task("Email", 1));
        Add(new Task("Clean", 3));
        Add(new Task("Dinner", 1));
    }
}

前面的示例生成类似于下图的输出。

自定义的 ItemsControl

laolaowhn
关注
专栏目录
第三方控件DEV的checkedListBoxControl的用法
yunanzhe987的专栏
07-21 1万+
checkedListBoxControl绑定： 说明：listDataSource还是record对象。不再重复。             checkedListBoxControl1.DataSource = listDataSource;             checkedListBoxControl1.DisplayMember = "Name";             ch
DataGrid和ItemsControl实现父与子之间1：N的列表
06-23
在.NET框架中，尤其是WPF（Windows Presentation Foundation）和Silverlight应用开发中，DataGrid和ItemsControl是两个常用的UI控件，用于展示数据。本文将深入探讨如何利用这两个控件实现1：N关系的数据绑定，即一...
ASP.NET Web Forms - DataList 控件
Homer
11-24 947
ASP.NET Web Forms - DataList 控件 DataList 控件，类似于 Repeater 控件，用于显示绑定在该控件上的项目的重复列表。不过，DataList 控件会默认地在数据项目上添加表格。 绑定 DataSet 到 DataList 控件 DataList 控件，类似于 Repeater 控件，用于显示绑定在该控件上的项目的重复列表。不过，D
webformDataList嵌套Gridview
mango的专栏
10-16 373
前台页面代码                                                     RepeatLayout="Flow" OnItemDataBound="dlTemplateTypeList_ItemDataBound"             Width="100%">
WPF中ItemsControl的异步加载
04-09
通过以上步骤，你可以在WPF的ItemsControl中实现异步加载，提高应用程序的性能和用户体验。当然，具体实现可能会根据项目需求和现有框架有所不同，但这些基本概念和方法应该能为你提供一个良好的起点。记得在实践中...
WPF ItemsControl：-在运行时更改ItemsControl的ItemSource属性后，更改ItemControle中的项目属性
04-05
我有以下方案：我使用了一个ItemsControl。根据给它的ItemsSource生成了哪个Button？现在，当我按下nextButton时。ItemsControl（pageControl）的ItemsSource发生了变化。 chagne的按钮背景...
WPF集合控件实现分隔符(ItemsControl Separator)
10-20
在WPF（Windows Presentation Foundation）中，集合控件（ItemsControl）是显示和管理数据集合的重要组件。在不同的应用场景中，我们可能需要在各个集合项之间添加分隔符，以视觉上区分每个元素。尽管WPF的...
WPF中ItemsControl应用虚拟化时找到子元素的方法
01-23
在Windows Presentation Foundation (WPF) 中，ItemsControl是一种非常重要的控件，用于显示一组数据集合。当数据集合庞大时，为了提高性能，WPF引入了虚拟化技术。本篇文章将详细探讨如何在ItemsControl中应用虚拟...
[WPF自定义控件库]了解如何自定义ItemsControl
weixin_30840573的博客
05-20 686
1. 前言 对WPF来说ContentControl和ItemsControl是最重要的两个控件。 顾名思义，ItemsControl表示可用于呈现一组Item的控件。大部分时候我们并不需要自定义ItemsControl，因为WPF提供了一大堆ItemsControl的派生类：HeaderedItemsControl、TreeView、Menu、StatusBar、ListBox、ListView...
ASP.NET中 DataList(数据列表)的使用前台绑定
weixin_33801856的博客
10-04 348
ylbtech-ASP.NET-Control-Bind:DataList(数据列表)的使用前台绑定 ASP.NET中 DataList(数据列表)的使用前台绑定。 1.A,运行效果图返回顶部 1.B,源代码返回顶部 View Code /web.config <connectionStrings> &l...
Silverlight实用窍门系列：73.Silverlight的DataGrid分组以及模拟合并单元格
weixin_34315189的博客
11-25 88
一、DataGrid分组 　　在Silverlight的表格中可能需要对某一些数据进行分组以方便客户查看，我们使用PagedCollectionView集合作为数据源，然后通过设置其GroupDescriptions属性值，添加需要分组的实体集合属性，注意：如果需要两层分组则添加两个属性即可。 　　Xaml代码： <sdk:Da...
DevExpress——手把手教你解决CheckedListBoxControl的高级需求
qq_37036915的博客
02-13 577
项目中有这样一个需求，截图如下： 需求大概描述如下：左右两边放置两个CheckedListBoxControl，中间四个按钮，第一个按钮是将左边选中项转移到右边，第二个按钮是将右边选中项转移到左边，第三个按钮是将左边的全部选中转移到右边，第四个按钮是将右边的全部选中转移到左边。 需求实现 新建一个form页面，然后拖拽两个GroupControl控件，然后再拖拽两个CheckedListBoxControl，拖拽四个按钮放在图片上的位置上。 初始化左边的CheckedListBoxControl
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
09-19
基于java的技术大健康综合咨询问诊平台的设计与实现.docx
#_ssm_121_mysql_酒店管理系统_.zip
09-19
均包含代码，文章，部分项目包含ppt
#_ssm_099_mysql_花卉养殖知识平台_.zip
09-19
均包含代码，文章，部分项目包含ppt
HTML+CSS实现一个好看的动态交互效果底部导航栏源码
最新发布
09-19
演示地址：https://blog.csdn.net/qq_41221596/article/details/142372140
电子卫浴，基于8266，云智易，远程控制浴缸、光波房、温蒸房的工作状态 Android版.zip(毕设&课设&实训&大作业&竞赛
09-19
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全领域），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（如有）等。答辩评审平均分达到96分，放心下载使用！可轻松复现，设计报告也可借鉴此项目，该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的。 【提供帮助】：有任何使用问题欢迎随时与我联系，我会及时解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 下载后请首先打开README文件（如有），项目工程可直接复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用
WPF 通过 ItemsControl实现TextBlock的文字间距
06-04
要通过 ItemsControl 实现 TextBlock 的文字间距，可以使用一个 Style 来对 TextBlock 进行设置。具体步骤如下： 1. 在 XAML 中，定义一个 ItemsControl，其中的 ItemTemplate 属性可以设置 TextBlock 的样式。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值