C#構(gòu)建Enhanced ListBox控件
在本系列文章中，我們首先討論使用ASP.NET 2.0 C#構(gòu)建一個(gè)標(biāo)準(zhǔn)ListBox控件的增強(qiáng)版本Enhanced ListBox控件。這個(gè)控件能夠?qū)λ捻?xiàng)進(jìn)行重排序，并且能夠?qū)崿F(xiàn)客戶端與服務(wù)器端的同步功能。然后，我們把這樣的兩個(gè)控件組合起來創(chuàng)建一個(gè)復(fù)合控件（ListMover）。
構(gòu)建提供豐富的客戶端接口的復(fù)雜Web控件經(jīng)常需要把一些客戶端JavaScript代碼與控件的服務(wù)器端代碼集成到一起。然而，在一些情況下，為了達(dá)到某種巧妙的效果而把問題搞得過于復(fù)雜經(jīng)常會(huì)破壞控件的內(nèi)部服務(wù)器代碼與生成的客戶端HTML代碼之間的數(shù)據(jù)同步，而當(dāng)進(jìn)行頁面回寄時(shí)這將成為一個(gè)問題。在本文中，我將首先構(gòu)建兩個(gè)“很酷”的Web控件（都極容易導(dǎo)致這一問題），然后向你展示如何來修改這一“脆弱性”。
本文中，我們將使用ASP.NET 2.0和C#構(gòu)建這些控件，并在后面向你簡(jiǎn)短介紹如何使之工作在ASP.NET 1.1（或1.0）環(huán)境中。
當(dāng)前，HTML仍然保持為Web應(yīng)用程序生成階段的主要語言。遺憾的是，它所使用的協(xié)議是無狀態(tài)的，所以必須由Web開發(fā)者自己來處理這種無狀態(tài)特點(diǎn)。通過使用一些架構(gòu)特征，例如回寄機(jī)制和ViewState變量，ASP.NET有助于處理這個(gè)問題。然而，為了實(shí)現(xiàn)某些功能，還需要再作努力，從而借助于回寄事件把Web頁面不斷向服務(wù)器發(fā)出請(qǐng)求的各種技術(shù)結(jié)合起來。
具體地說，我將分析如何使用JavaScript和DHTML存取在客戶端生成的元素。其實(shí)，把客戶端和服務(wù)器功能融合到一起要求使用大量的技巧才能達(dá)到***用戶體驗(yàn)效果，而微軟在其ASP.NET校驗(yàn)控件中就實(shí)現(xiàn)了這一點(diǎn)。為了提供一種豐富的客戶端校驗(yàn)效果，該控件中使用了大量的JavaScript.
作者注：本文假定你對(duì)定制Web控件開發(fā)有一個(gè)基本了解。因此，我將不再重復(fù)Web控件開發(fā)的基礎(chǔ)內(nèi)容，例如屬性工作原理與風(fēng)格的添加方式。
一種常規(guī)實(shí)現(xiàn)方法
下面，我想向你展示如何構(gòu)建一組很酷的控件，它們具有你在商業(yè)控件中才能看到的優(yōu)秀功能。稍后，我將繼續(xù)展示定制Web控件帶給Web編程的完全封裝優(yōu)點(diǎn)。既然你已經(jīng)了解如何開發(fā)定制Web控件，那么你應(yīng)該知道的一個(gè)概念是封裝一個(gè)控件所有的功能和行為（就象你在一個(gè)標(biāo)準(zhǔn)業(yè)務(wù)對(duì)象中所實(shí)現(xiàn)的那樣）。在學(xué)習(xí)構(gòu)建具有復(fù)雜行為的控件時(shí)，這種封裝將極有用處。
在***個(gè)控件中，我將向你展示C#構(gòu)建一個(gè)稱為Enhanced ListBox控件。這個(gè)控件將擴(kuò)展ASP.NET的ListBox控件—添加一個(gè)頭部和一些重排序按鈕。注意，這是一個(gè)直接繼承自常規(guī)ListBox的控件。
之后，我還將向你展示如何構(gòu)建一個(gè)復(fù)合控件—ListMover，它將包含兩個(gè)上面提到的Enhanced ListBox控件。這個(gè)ListMover控件還包含一些允許你從一個(gè)列表到另一個(gè)列表中移動(dòng)項(xiàng)的按鈕。
其實(shí)，用常規(guī)方法（非面向Web控件的）來實(shí)現(xiàn)這種ASP.NET功能也并不困難。首先，你要把一個(gè)常規(guī)ListBox控件拖動(dòng)到你的Web表單上并且使用一些數(shù)據(jù)填充它。
然后，再添加一個(gè)標(biāo)簽用作標(biāo)題，還有一組按鈕用作重排序按鈕。捕獲這些按鈕的服務(wù)器端事件是ASP.NET中的標(biāo)準(zhǔn)操作；因此，你只需要使用一種方法來取得當(dāng)前選定的項(xiàng)并且根據(jù)用戶點(diǎn)擊的按鈕從而把它放到該列表中的更高或更低的位置即可。
【編輯推薦】
