平常，我們可以用多種方式實現同一件事，但你所實現的方法可能是容易的，也有可能比較麻煩。這里所說的容易同麻煩指的是你寫的代碼量。容易的方式可能的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 数据绑定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。