在了上一篇文章《新一代HTML5開發(fā)工具Wijmo》中了解了ComponentOne Studio for ASP.NET Wijmo的優(yōu)秀特性之后，現(xiàn)在來看看部分優(yōu)秀的控件。

ComponentOne Studio for ASP.NET Wijmo擁有40多個不同風(fēng)格的高性能且易于使用的控件，這些控件都基于常用的Web標(biāo)準(zhǔn)，如AJAX, CSS，HTML5和jQuery，這些控件都可作為ASP.NET控件、擴(kuò)展和MVC工具進(jìn)行使用。

Wijmo控件縮略圖

Accordion控件：該控件提供了多個顯示面板，選擇其中一個面板時， 該面板的內(nèi)容會自動展開，而其它面板內(nèi)容會自動折疊，輕松實(shí)現(xiàn)自動地組織和優(yōu)化用戶界面的使用；快捷設(shè)置面板屬性，如展開方向、彈出動畫，面板數(shù)量或設(shè)置浮動面板效果，同時提供了客戶端對象模型；采用了AJAX技術(shù)進(jìn)行數(shù)據(jù)的加載，只需在前臺就可以完成所有的操作；支持Json綁定，JavaScript加載的文件只有80k,避免了終端用戶下載太大的文件，減少了終端的負(fù)荷量。

界面效果

WijmoAccordion客戶端對象模型

C1Menu提供動畫效果、圖像、復(fù)選框、交互項(xiàng)目滾動條等，能很好的創(chuàng)建出多重嵌套菜單；可以綁定到一個數(shù)據(jù)源或是從一個Access數(shù)據(jù)源讀數(shù)據(jù)并且創(chuàng)建C1Menu 動態(tài)層次；而且還提供了一套專門針對iPad風(fēng)格的菜單。

菜單效果

圖表控件

ComponentOne Studio for ASP.NET Wijmo目前支持6種圖表格式，條形/柱狀圖、氣泡圖、散點(diǎn)圖、線形/面積圖、餅狀圖、儀表圖；客戶端可以從外部數(shù)據(jù)源的數(shù)據(jù)創(chuàng)建圖表，支持從服務(wù)器端的數(shù)據(jù)源綁定數(shù)據(jù)，對于鼠標(biāo)所到的地方都會有Tooltip顯示具體的屬性情況，還可選擇性的點(diǎn)擊顯示或隱藏部分內(nèi)容。

C1BarChart可以用各種數(shù)據(jù)源作為基礎(chǔ)來定制條形圖，而且可以支持負(fù)值，你可以輕松定義起點(diǎn)，或是創(chuàng)建聚集條形圖、堆疊百分比條形圖、或者是實(shí)現(xiàn)條形圖轉(zhuǎn)柱形圖等，此外可以固定標(biāo)簽的寬度、旋轉(zhuǎn)和對齊標(biāo)簽。

設(shè)置標(biāo)簽傾斜度

點(diǎn)擊隱藏6、7月份的情況

C1BubbleChart控件可以非常方便的展示三維數(shù)據(jù)，自定義標(biāo)記類型，或隱藏一些個人標(biāo)記等操作，輕松創(chuàng)建雙向圖表，重疊氣泡圖，用戶也可以自定義氣泡，比如說將瀏覽器圖標(biāo)設(shè)置為氣泡。

自定義氣泡

重疊氣泡圖

C1LineChart線形圖表可動畫實(shí)時顯示數(shù)據(jù)效果，或用線條填充圖表顯示區(qū)域，逐點(diǎn)繪制面積樣條線，趨勢線；或是自定義符號圖片，以及數(shù)據(jù)流圖表。

線形動畫圖表

線形填充

數(shù)據(jù)流

C1PieChart能夠進(jìn)行實(shí)時的動畫系列轉(zhuǎn)換

實(shí)時的動畫轉(zhuǎn)換

提供現(xiàn)有的儀表模版快速的創(chuàng)建出想要的儀表類型。

其他：

散點(diǎn)與回歸線

散點(diǎn)圖

使用基于ASP.NET平臺的C1Calendar控件，可以用自定義樣式和導(dǎo)航元素顯示單月、多個月的日期，擁有全球化的多種語言支持，可以快速的向網(wǎng)頁中添加一個功能齊全的日歷控件，或動畫效果；設(shè)置多視圖樣式，能快速的預(yù)覽當(dāng)上一月或是下一月，支持快速導(dǎo)航，以及多種選擇方案，比如：一天、整月、一列···

多視圖樣式

多種選擇模式

C1Carousel 控件支持?jǐn)?shù)據(jù)綁定，可以綁定圖像URL，標(biāo)題和鏈接，或者綁定模板中的任何數(shù)據(jù)；支持檢索數(shù)據(jù)（結(jié)點(diǎn)），視圖滾動的時候，AJAX會加載子項(xiàng)。輕松制作網(wǎng)絡(luò)電子相冊效果，幻燈箱等。

縮略圖

C1Dialog可進(jìn)行隨意的固定、拖動，改變大小，或者是制作動畫如：打開、關(guān)閉、擴(kuò)展和折疊等；而且可以進(jìn)行模態(tài)對話框設(shè)置。

模態(tài)對話框

C1Editor控件撰寫和管理HTML內(nèi)容，擁有和微軟Word編輯器類似的比較直觀且全面的編輯控件，可以全屏的編輯器清晰明了，還可自定義首選風(fēng)格：設(shè)計(jì)視圖、代碼視圖、或拆分視圖；內(nèi)嵌一個類似于微軟的Word拼寫檢查功能，終端用戶避免了下載電子詞典就可直接進(jìn)行拼寫檢查。

C1Gallery 控件能很好的展示圖像以及展示它們的縮略圖效果；支持?jǐn)?shù)據(jù)綁定，可以綁定圖像URL，標(biāo)題、鏈接或者模板中的任何數(shù)據(jù)，實(shí)現(xiàn)按需加載；你也可以設(shè)置圖片間的動畫過度和分頁效果；控件內(nèi)嵌了一個flash播放器，可像圖片一樣流暢的播放或是加載視頻；C1Gallery 控件的內(nèi)聯(lián)框架模式，可鏈接到其他URL的內(nèi)聯(lián)框架。

圖像縮略圖

內(nèi)聯(lián)框架模式

C1GridView內(nèi)嵌的ASP.NET控件兼容了微軟C1GridView的所有特性，用戶可自定義單元格風(fēng)格，也可進(jìn)行合并、排序、聚合、過濾等一系類表格操作；而且C1GridView支持服務(wù)器編輯。

客戶端編輯

AtoCompele控件在輸入框中輸入字符時會提供兩項(xiàng)詞匯，同時也會將詞匯信息存儲在標(biāo)記語言中當(dāng)鍵入字段時，使用AJAX進(jìn)行子數(shù)據(jù)項(xiàng)的加載；當(dāng)然你也可以自定義數(shù)據(jù)項(xiàng)、最少字符以及自動完成相關(guān)聯(lián)詞匯的位置等；通過屬性設(shè)置實(shí)現(xiàn)數(shù)據(jù)綁定功能，比如綁定標(biāo)簽，值和類別字段。支持自動回傳。

子控件就不再一一介紹了，還是要大家自己使用了才會明白其功能性。