Visual 数据绑定

平常，我们可以用多种方式实现同一件事，但你所实现的方法可能是容易的，也有可能比较麻烦。这里所说的容易同麻烦指的是你写的代码量。容易的方式可能的VS中“拖拖拽拽”就可以了。拿个“列表显示柱状图”的小例子说下吧，也许大家有更好的方法实现，不防交流下，共同进步。

为了大家更直观的这次所实现的功能，先将实现的结果贴出来，如图：

看到图形列里蓝黄条了吗，下面开始说下如何实现。

注意：在看本篇内容时，作者认为读者已会VS中数据绑定等基本操作。

读取表数据，并显示出来，如下：

完成上述操作后，我们开始添加模板列，并托进两个Panel,如图：

编辑模板，选中模板里的Panel2控件，点击”编辑DataBindings”

点击后，弹出”Panel2 databindings”对话框，勾选“显示所有属性”，下拉“可绑定属性”，选择“width”，点击右侧“字段绑定”，选择相应的表字段，如图：

Panel1同上操作，一切设置好了后，不要着急，还得在源码进行转换，如下

Width='<%# (int)Eval("Ratio_1") %>'>

Width='<%# Unit.Pixel((int)Eval("Ratio_2")) %>'

Int 或unit都可。

表结构

代码

USE [Demo]
GO
/****** 对象:  Table [dbo].[Table1]    脚本日期: 05/18/2010 22:03:53 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
SET ANSI_PADDING ON
GO
CREATE TABLE [dbo].[Table1](
    [ID] [int] IDENTITY(1,1) NOT NULL,
    [CustomerName] [varchar](50) COLLATE Chinese_PRC_CI_AS NULL,
    [Ratio_1] [int] NOT NULL CONSTRAINT [DF_Table1_Ratio_1]  DEFAULT ((0)),
    [Ratio_2] [int] NOT NULL CONSTRAINT [DF_Table1_Ratio_2]  DEFAULT ((0))
) ON [PRIMARY]

GO
SET ANSI_PADDING OFF

代码

insert into dbo.Table1(CustomerName, Ratio_1, Ratio_2)
values('Bob',55,45)

insert into dbo.Table1(CustomerName, Ratio_1, Ratio_2)
values('kevin',100,67)

insert into dbo.Table1(CustomerName, Ratio_1, Ratio_2)
values('zhangsan',67,76)

源码下载/Files/kevinlzf/WebGridTest.7z

转载于:https://www.cnblogs.com/kevinlzf/archive/2010/05/18/1738662.html

Visual 数据绑定相关推荐

Visual C#中的（ListBox）数据绑定
(2)ListBox组件的数据绑定: ListBox组件的数据绑定和ComboBox组件的数据绑定的方法大致相同,也是通过设定"DisplayMember"."Valu ...
Visual Studio 2015 实现网页表格以及数据绑定
对于网页开发都离不开Visual Studio 2015,vs(Visual Studio 2015的简称,下面vs亦然)的功能以及优势小编就不多说了.接下来呢这篇文章是写给普遍的vs(Visual ...
下一版本Windowsreg; CE 开发工具Smart Device Extensions for Microsoft Visual Studioreg; .NET...
初识 Smart Device Extensions Larry Roof Tonked.com 2001年10月23日上个月我曾说过我会前往 Microsoft 学院,了解下一版本的小型工具的情况 ...
Windows Phone7天初学(4):数据绑定
数据绑定提供了一种数据呈现与交互的简捷方式,使得数据与UI分离,并能自动更新.同步. 绑定有绑定目标.绑定源.绑定模式.转换器等要素.. 绑定目标为Silverlight控件,可以是Framework ...
数据绑定设计器的使用
可以通过直接编写C#代码或XAML代码的方式来实现绑定,实际上,也可以借助Visual Studio提供的数据绑定设计器. 1.绑定到UI元素方法: 在属性面板上单击属性名右侧的小图标----> ...
先睹为快：Visual Studio 11测试版已于2.29在微软官方网站正式发布
在2011的下半年,Visual Studio 11就已经呼之欲出,在2012年的2月29日,微软官方网站正式发布了VS11的测试版. VS11中使用了Framework4.5,与Framework4 ...
VS2015--win32project配置的一些想法之在 Visual Studio 2015 中进行调试的同一时候分析性能...
出处: https://msdn.microsoft.com/zh-cn/magazine/dn973013(en-us).aspx 很多开发商花了绝大多数时间获取应用程序才干正常发挥作用.更少的时间 ...
《Visual C# 2010入门经典》一导读
前言 Visual C# 2010入门经典 1998年12月底,Microsoft着手推出一种全新的开发平台,旨在提供一种创建和运行下一代应用程序和Web服务的全新方式.这种新平台名为.NET Fr ...
推荐：Visual Basic.NET Windows Forms 编程
前几天买了<Visual Basic.NET Windows Forms 编程>,作者为Chris Sells,由中国电力出版社出版. 对于WinForm编程,这本书确实是一本从入门到精通 ...

Visual 数据绑定

Visual 数据绑定相关推荐

最新文章

热门文章