ASP.NET Atlas中引入了客戶端控件的概念，用面向對象思想將客戶端JavaScript將要操作的DOM元素封裝起來，帶來了更清晰的代碼模型以及更好的可復用性（不足之處是效率有所降低）。Atlas的客戶端控件是連接JavaScript與DOM元素的橋梁，我們應該盡可能的使用客戶端控件與DOM元素打交道，也就是以Atlas的方法來編寫我們的程序。同時，Atlas對JavaScript面向對象方面的強大擴展（請參考：ASP.NET Atlas對JavaScript的擴展），也讓我們很容易通過繼承，覆寫等方法來構建自定義的控件。

在前面的一些帖子中，我介紹了一些Atlas中較復雜的控件。但同時，Atlas也提供了一些比較簡單/基礎的客戶端控件，同樣在開發中十分有用，讓我們通過這個系列來熟悉Atlas自帶的簡單客戶端控件。

所有的Atlas客戶端控件都繼承于Sys.UI.Control基類，同時Sys.UI.Control繼承于Sys.Component基類，讓我們先看看Sys.Component提供的屬性：

·id：Atlas組件的標識符，將Atlas客戶端組件與DOM元素連接起來。這個id值與DOM元素的id屬性值相同，Atlas使用這個id以找到相關的DOM元素。

·bindings：該組件的綁定集合。關于Atlas中的綁定，請參考：Atlas揭秘 —— 綁定（Binding）。

·dataContext：該組件的綁定的操作對象。如果您設置了這個屬性，那么所有綁定條目默認會繼承這個對象，但您也可以在綁定的聲明中覆蓋這個默認的設定。

·isInitialized：布爾值，代表該組件是否被初始化過。只讀。

·isUpdating：該組件是否正在更新中，在開始調用beginUpdate()方法到調用endUpdate()方法期間為true，其他時間為false。只讀。

Sys.Component還提供如下的方法：

·beginUpdate與endUpdate：依賴于基類的實現，可以通過調用這兩個方法延遲或一起更新一批組件，以提高性能或減少屏幕閃爍。

·initialize：構造函數，不必多言，繼承類可以擴展該方法并初始化自己的成員。

還有如下事件： propertyChanged：當組件的某個屬性變化時，應該引發該事件。Atlas綁定的實現依賴于這個事件。

現在讓我們看看Sys.UI.Control提供的屬性：

·accessKey：獲取或設置控件的accessKey，該屬性是DOM元素中的accessKey屬性的包裝。

·associatedElement：返回控件的相關DOM元素。這個屬性應該傳入給控件的構造函數，并在構造以后不可以修改。

·behaviors：該組件的Behavior集合。關于Atlas中的Behavior，請參考：在ASP.NET Atlas中創建自定義的Behavior。

·cssClass：獲取或設置控件的CSS Class，該屬性是DOM元素中的class屬性的包裝。

·enabled：代表該控件是否被啟用，該屬性是DOM元素中的enabled屬性的包裝。

·parent：獲取或設置該控件的父控件。

·style：獲取該控件相對應的DOM元素的style屬性值。

·tabIndex：獲取或設置該控件的tab index。

·visibilityMode：獲取或設置該控件在隱藏時的顯示模式，可選枚舉值：Sys.UI.VisibilityMode.Collapse代表該控件隱藏時不占用頁面空間，Sys.UI.VisibilityMode.Hidden代表該控件隱藏時依然占有其位置。

·visible：獲取或設置該控件是否可見。

Sys.UI.Control同樣提供如下方法：

·addCssClass：為該控件添加一個CSS Class。

·removeCssClass：刪除該控件的一個CSS Class。

·containsCssClass：返回布爾值，代表該控件是否有指定的CSS Class。

·toggleCssClass：如果該控件沒有指定的CSS Class，則添加，如果有，則刪除。

·focus：使該控件獲得輸入焦點。

·scrollIntoView：使該控件滾動到屏幕可視范圍內。

·onBubbleEvent：處理該控件的子控件發出的Bubble事件。

·raiseBubbleEvent：該方法會調用該控件所有父控件的onBubbleEvent方法，來實現Bubble事件。

在接下來的幾篇中，我會介紹繼承或間接繼承于Sys.UI.Control的Atlas內建控件，希望不會像這篇一樣枯燥。