Silverlight学习笔记第一季(2)Listbox横向绑定数据

最新推荐文章于 2024-07-20 12:21:37 发布
最新推荐文章于 2024-07-20 12:21:37 发布
阅读量1.3k 收藏
点赞数
文章标签： silverlight datatemplate binding setter web开发 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/facingwaller/article/details/6499560
版权

 最终的效果图

寻找最终的过程


通常我们可以这样使用listbox

   
   

    
            
    
    <
    
    ListBox 
    
    x:Name
    
    ="LB1"
    
    >
    
    
            
    
    <
    
    ListBox.ItemTemplate
    
    >
    
    
                
    
    <
    
    DataTemplate
    
    >
    
    
                    
    
    <
    
    StackPanel 
    
    Width
    
    ="50"
    
    >
    
    
                        
    
    <
    
    TextBlock 
    
    Text
    
    ="
    
    {Binding Name}
    
    "
    
    ></
    
    TextBlock
    
    >
    
    
                    
    
    </
    
    StackPanel
    
    >
    
    
                
    
    </
    
    DataTemplate
    
    >
    
    
            
    
    </
    
    ListBox.ItemTemplate
    
    >
    
    
        
    
    </
    
    ListBox
    
    >

我想的办法：

1 指定模板的排列方式   Orientation="Horizontal"

但是不能直接在页面上指定，为什么呢？因为无法直接给 DataTemplate 指定 样式。

失败!

2 动态添加到stackpanel

   
   

    
        TextBlock textBlock 
    
    =
    
     
    
    new
    
     TextBlock();
            textBlock.Text 
    
    =
    
     
    
    "
    
    测试数据
    
    "
    
    ;
            StackPanel stackPanel 
    
    =
    
     
    
    new
    
     StackPanel();
            stackPanel.Children.Add(textBlock);
            grid1.Children.Add(textBlock);
            grid1.Children.Add(stackPanel);

因为这种方法前后台并不分离，在做web开发这种方式是本人极力避免的。。。虽然可以，但是必须想其他办法。

不好用

3 很无赖的办法。旋转listbox

这个其实很郁闷的，我是通过把第二项右移一个项宽度，上移一个项高度实现的 “伪横向”。

但是第N项得移动N*常数 的长度。太丑了。。。

纯属恶搞的做法，还是不行。

 

4  重写一个控件来显示。

找到了以下资料

Silverlight控件开发

还有一篇是一篇MSDN的杂志里面的一篇开发的。但是后来链接弄丢了。。。
如果你知道的话，麻烦告知。
就是在那篇文章里面，讲了开发一个 控件可以给定默认的 样式。
我发现这样是可行的。
于是在MSDN里面的 找到

     System.Windows.Controls.Control
          System.Windows.Controls.ItemsControl
            System.Windows.Controls.Primitives.Selector
              System.Windows.Controls.ListBox

然后跑去 ItemsControl 里，准备继承他然后实现。

就在这个时候，悲剧发生了。。。。

答案已经在MS的示例里面了。

http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/?sref=System.Windows.Controls.ListBoxEx

XAML代码

正点解方法一

   
   

    
    <
    
    Style 
    
    x:Key
    
    ="horizontalListBoxStyle"
    
     TargetType
    
    ="ListBox"
    
    >
   
   

   
   

    
     
    
     　　　　　　　　　　　　　　　　<!--容器模板-->
                        
    
    <
    
    Setter 
    
    Property
    
    ="ItemsPanel"
    
    >
    
    
                            
    
    <
    
    Setter.Value
    
    >
    
    
                                
    
    <
    
    ItemsPanelTemplate
    
    >
    
    
                                    
    
    <
    
    StackPanel 
    
    Orientation
    
    ="Horizontal"<!--横向-->
    
    
                            VerticalAlignment
    
    ="Center"
    
    
                            HorizontalAlignment
    
    ="Center"
    
    />
    
    
                                
    
    </
    
    ItemsPanelTemplate
    
    >
    
    
                            
    
    </
    
    Setter.Value
    
    >
    
    
                        
    
    </
    
    Setter
    
    >
   
   

   
   

    
     
    
    　　　　　　　　　　　　　　　　　　<!--   item模板    -->
                        
    
    <
    
    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
    
    >

效果图：

原来可以覆盖他默认的样式。

正点解方法二

还有另外一种方式，控件中指定

   
   

    
    <
    
    ItemsControl.ItemsPanel
    
    >
    
    
      
    
    <
    
    ItemsPanelTemplate
    
    >
    
    
        
    
    <
    
    StackPanel 
    
    Orientation
    
    ="Horizontal"
    
    />
    
    
      
    
    </
    
    ItemsPanelTemplate
    
    >

我相信应该有很多人知道横向绑定数据这个问题，也许是因为太简单了。。。

但是我查了网上也没有，问了群里的人但是似乎没描述好。

反正是也没得到答案，于是把整个寻找答案的过程记录了下来，也分享给我这种初学者。

对于这种问题，首先我们得知道他是一个样式绑定的问题，其次我们得想办法改变它的样式(方法一和最终)

不行的话想想其他方法的实现，（方法2）。还是不行的话可以试试 邪门的办法(hack)(方法3)。

因为我的对控件的知识没掌握好，不知道ListBox 是由 itempanel 做容器。

要更改itempanel中的控件排列形式，肯定不能在ItemTemplate 那里指定。

因为他只是用来指定重复的内容，一定要去他的ItemsPanel 指定他的容器。

希望对Silverlight的初学者有所帮助。

另外希望路过的牛人介绍一下如何系统的学习。

解决一下我这样学，不知道相对底一点的东西，遇到书上没有现成解决方案就困窘的这种状况。

facingwaller
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
winform中的ListBox和ComboBox绑定数据用法实例
09-04
这样的数据绑定方式使得UI控件可以动态地根据数据源更新，而且当数据源发生变化时，ListBox和ComboBox也会自动更新。此外，还可以通过ValueMember属性设置用于标识数据项的唯一标识，这对于处理用户的选择或编辑操作...
ListBox数据绑定案例
04-03
ListBox数据绑定案例源码，该源码案例为您介绍 WP7 ListBox数据绑定 方法，很简单的一个方法，并以一个 WP7天气预报 列表为示例，来演示如何在 WP7 中实现这个绑定功能，下面上级图看下效果： 详细说明：...
WPF中ListBox设置横向排列
qq_43511299的博客
11-22 3159
如果只是单纯的让ListBox可以横向配列，这样很简单，只需要更改ListBox的ItemsPanel模板就可以，例如： <ListBox> <ListBox.ItemsPanel> <ItemsPanelTemplate> <WrapPanel Orientation=”Horizontal” IsItemsHost=”True”/> </ItemsPanelTemplate> </ListBox.ItemsPanel> </L
Silverlight学习笔记（4）——数据绑定ListBox
weixin_30670965的博客
02-08 92
本文将建立一个silverlight项目中运用ListBox演示数据绑定的简单实例，以下是详细步骤： 在Silverlight项目中新建一个silverlight页，修改布局使其显示一个ListBox，本例Grid布局可以如下， <Grid.RowDefinitions > <RowDefinition Height="a...
Silverlight之ListBox/Style学习笔记--ListBox版的图片轮换广告
weixin_30411239的博客
04-18 74
ListBox是一个很有用的控件，其功能直逼Asp.Net中的Repeater，它能实现自定义数据项模板，纵向/横向排列Item(如果扩展一下实现自行折行，几乎就是SL版的Repeater了--实际上WrapPanel已经实现了，不过没有默认集成在SL3中). 这里推荐一个老外的文章 http://blogs.msdn.com/delay/archive/2008/03/05/lb-sv-...
Silverlight绑定数据的例子.zip
06-19
这个例子可能是通过一个简单的UI元素（如TextBox或ListBox）绑定到一个数据模型，然后展示如何响应数据源的变化。通过分析这个例子，你可以深入理解Silverlight数据绑定的工作原理，并将其应用于自己的项目中，提高...
DropDownList_ListBox数据绑定.rar_DropDownList_listbox net
09-24
在ASP.NET环境中，DropDownList和ListBox是两种常用的控件，用于在用户界面中展示下拉选项列表。...这个示例“DropDownList_ListBox数据绑定”可能包含具体的代码示例，帮助初学者更好地理解和应用这些概念。
HDU1000，HDU1001，HDU1002，HDU1003，HDU1004
u014114223的博客
07-17 1509
执行加法操作，根据两个数的长度选择较长的一个进行循环。在每次迭代中，将对应的位相加，同时加上来自更高位的进位（如果有的话），并将结果存储在。首先输出测试用例的编号，然后是原始的两个大整数（按照原始顺序输出），接着是等于号和加法的结果。使用循环将字符串中的数字转换为整数，并反向存储在。在不同的测试用例之间，输出一个空行以便区分。的长度减一，这是因为数组是从1开始索引的。等于0的情况，此时循环结束，程序随之结束。：最后，函数返回0，表示程序正常结束。，代表要相加的两个大整数。首先，读取测试用例的数量。
【springboot】中使用--WebMvcConfigurer
2201_75743716的博客
07-19 556
import com/*** 将请求参数字符串转为 DeviceInfo");} }/*** 将请求参数字符串转为 DeviceInfo");} }/*** 将请求参数字符串转为 DeviceInfo");import org/*** 将请求参数字符串转为 DeviceInfo");} }/**
软件测试-测试用例设计方法（附实际项目用例）
qq_61167424的博客
07-18 927
本篇文章主要介绍按照测试对象进行分类，设计测试用例的方法有哪些
外包干了1个月，技术明显退步。。。
HUA6911的博客
07-15 2868
什么都做了，和什么都没做其实是一样的，走出“瞎忙活”的安乐窝，才是避开弯路的最佳路径。希望我的经历能帮助到有需要的朋友，同时也给各位准备了一份资源，盘里头是一整套软件测试必备资料。
太速科技-基于XCVU9P+ C6678的8T8R的无线MIMO平台
Orihard_的博客
07-17 506
板卡基于TI TMS320C6678 DSP和XCVU9P高性能FPGA，FPGA接入4片AD9361 无线射频，构建8输入8输出的无线MIMO平台，丰富的FPGA资源和8核DSP为算法验证和信号处理提供强大能力。● DSP 外挂一组64-bit DDR3颗粒，总容量1GB，数据速率1333Mb/s;● DSP部分SPI/IIC/GPIO接口测试代码；● 工作温度：商业级 0℃～+55℃，工业级-40℃～+85℃；● XCVU9P部分QSFP+测试代码；● DSP部分Flash加载测试代码；
10：00面试，10：08就出来了，问的问题有点变态。。。
qq_48811377的博客
07-17 8037
整份文档一共有将近 200 页，全部为大家展示出来肯定是不太现实的，为了不影响大家的阅读体验就只展示了部分内容，还望大家海涵，希望能帮助到您面试前的复习且找到一个好的工作，也节省大家在网上搜索资料的时间来学习！
软件技术(企业应用软件开发方向)实训室解决方案
whwzzc的博客
07-17 690
平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线html、css、js、jquery、vue等前端开发环境，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。软件开发实训室配备计算机、服务器、交换机、网络机柜、多媒体中控台、投影仪、投影幕、电脑桌椅、交互式电子白板、操作系统软件办公软件、Java项目开发软件、Android 项目开发软件、数据库开发软件、前端开发软件、Python 项目开发软件、.Net 项目开发软件、项目管理软件。
java之 junit单元测试案例【经典版】
健康平安的活着的专栏
07-17 321
I: Independent 独立性；2.单元测试必须使用assert来验证。A： automatic 自动化；R：Repeatable 可重复；单元测试要满足AIR原则，即。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 583
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
Jmeter二次开发流程拆解与环境初始化工具类封装
最新发布
zhuzhu_YT的博客
07-20 1026
从之前几集里，我们完成了测试用例接口与测试模块接口的开发以及Jmeter二次开发的Demo。这一集我们将会正式对Jmeter进行二次开发。
listbox绑定数据 winform
05-10
在 WinForm 中，可以通过以下步骤将 ListBox 绑定到数据： 1. 创建一个 ListBox 控件，设置其 Dock 属性为 Fill，以便它可以充满窗体。 2. 在代码中定义一个数据源，比如 DataTable，然后将要绑定的数据添加到该数据源中。 3. 将数据源设置为 ListBox 的 DataSource 属性。 4. 将要绑定的数据字段设置为 ListBox 的 DisplayMember 属性。 下面是一个示例代码： ```csharp // 创建 ListBox 控件 ListBox listBox = new ListBox(); listBox.Dock = DockStyle.Fill; // 创建数据源 DataTable dataTable = new DataTable(); dataTable.Columns.Add("Name"); dataTable.Rows.Add("张三"); dataTable.Rows.Add("李四"); dataTable.Rows.Add("王五"); // 将数据源绑定到 ListBox listBox.DataSource = dataTable; // 将要绑定的数据字段设置为 ListBox 的 DisplayMember 属性 listBox.DisplayMember = "Name"; // 将 ListBox 添加到窗体中 this.Controls.Add(listBox); ``` 在上面的示例中，我们创建了一个 ListBox 控件，然后创建了一个 DataTable 数据源，将要绑定的数据添加到 DataTable 中，最后将 DataTable 绑定到 ListBox 控件上，并将要绑定的数据字段设置为 Name。这样就完成了 ListBox 的数据绑定。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值