介紹
Wijmo是一個基於jQuery UI的UI部件的套件,目前最新版本是2014V2.45。Wijmo部件進行了最佳化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
本指南將介紹jQuery的概念,然後讓你開始你的第一個Wijmo項目。從那裡,你可以移動到我們的演示庫獲得Wijmo能為你做什麼的感覺。
Wijmo主要特點
1.完全支持HTML5
Wijmo是基於HTML5、jQuery、CSS3和SVG的一個控制項包,能夠滿足構建當今Web系統的需求。基於Wijmo,您的系統運行將更加快速和流暢,外觀也會更加引人入勝。
2.豐富的主題
Wijmo中所有新的控制項都是在符合最新的UI設計潮流的基礎上,對新的以及改良後的主題進行封裝。優美的、專業的控制項外觀會讓您的應用程式引人注目。您可以使用 Studio for ASP .NET Wijmo 控制項包內置的6個主題,同時您還可以使用 jQuery UI項目提供的 30 多個主題,甚至可以使用 ThemeRoller 創建屬於您自己的系統主題。
3.跨瀏覽器支持
您再也不必為跨瀏覽器的問題而煩惱,Wijmo確保您的UI可以在所有標準瀏覽器上正常運行。支持的瀏覽器包括:IE6 及其更高版本、Firefox3 及其更高版本、Safari3 及其更高版本、Chrome和Opera。
4.基於jQuery UI
Wijmo是基於jQuery和jQuery UI構建出一整套組件集合,正是得力於輕量級的jQuery UI框架,Wijmo中的每個組件都擁有豐富的功能、易使用、極佳的性能。
5.更高的效率
Wijmo的實際測試之後,該套包中的每個控制項的設計效果,普遍比傳統的ASP NET控制項效果更加的炫,接近於sliverlight的界面效果;而且在數據方面,在前台采json數據綁定,AJAX技術對於數據的載入,更適用於WEB應用程式的開發,減少伺服器回響,加強了客戶端互動操作的效率。
Wijmo中控制項都可作為ASP NET控制項、擴展和MVC工具進行使用。而且Wijmo中還添加了Knockout類庫,使得在使用HTML5時,有一個MVVM模式去遵循,讓從事Sliverlight的開發者,能夠更加快速的熟悉Wijmo,實現快速構建基於HTML5的應用程式。
包含內容
Wijmo Accordion
Wijmo Accordion 控制項提供了多個顯示面板,每次顯示其中一個面板的內容。用戶選擇其中一個面板時,該面板的內容會自動展開,而其它面板內容會自動摺疊,從而,實現自動地組織和最佳化用戶界面的使用。
Wijmo Calendar
Wijmo Calendar控制項可以顯示單月,多個月的日期,可以自定義樣式和導航元素。
Wijmo Carousel
Wijmo Carousel控制項可以動態的顯示文字、圖片、控制項等信息。可為您的最終用戶帶來全新的信息互動體驗。
Wijmo Charts: Bar
Wijmo Charts:Bar為您的應用程式提供了條形圖和柱狀圖兩種圖表格式,並且支持用戶自定義和動畫顯示功能。
Wijmo Charts: Bubble
Wijmo Charts: Bubble為您的應用程式提供了氣泡圖圖表格式,您可以在圖表中將您的數據顯示為一組符號。
Wijmo Charts: Composite
通過Wijmo Charts: Composite,只需一個圖表就可以對複雜數據進行分析。相同數據使用不同的方式進行顯示,再將與之關聯的數據進行疊加,便可預測數據的走勢。
Wijmo Charts: Line
Wijmo Charts: Line為您的應用程式提供了線性圖、面積圖和曲線圖三種圖示格式,並且支持用戶自定義和動畫顯示功能。
Wijmo Charts: Pie
Wijmo Charts: Pie為您的ASP .NET應用程式提供了餅圖圖表格式,並且支持用戶自定義和動畫顯示功能。
Wijmo Charts: Scatter
Wijmo Charts: Scatter為您的ASP .NET應用程式提供了散點圖圖表格式,散點圖提供了X軸和Y軸坐標,每條數據根據其x、y值進行顯示,最終得到全部數據的分布形式。
Wijmo Combobox
Wijmo Combobox是一個擁有微軟組合框所有功能的組合框控制項,它結合了可編輯文本框和自動搜尋下拉列表。
Wijmo Dialog
Wijmo Dialog控制項可在客戶端或伺服器端創建健壯的,互動式的,可自定義的對話框視窗。支持視窗最大化、最小化、內容摺疊和固定功能。
Wijmo Events Calendar
Wijmo Events Calendar支持用戶添加、編輯和管理是由的預約。默認情況下,事件日曆使用脫機數據源,因此您可以輕鬆地添加到您的頁面,而無需額外的配置此構件。
Wijmo Expander
Wijmo Expander控制項提供了展開和摺疊內容面板的功能,並且支持動畫顯示效果。
Wijmo Form Decorator
Wijmo Form Decorator控制項可輕鬆地設定您Web應用程式中按鈕、單選框、複選框、下拉框和文本輸入框的外觀,使得UI樣式更加豐富。
Wijmo Gallery
Wijmo Gallery該控制項將圖片的縮略圖以幻燈片的形式顯示,並能實現圖片的平滑過渡、分頁、主題等功能,支持所有主流瀏覽器。
Wijmo Grid
Wijmo Grid控制項支持選擇、編輯、排序、滾動條、過濾、分組等操作。通過高度的定製能力,讓數據展示更加的有效、清晰。
Wijmo Input
Wijmo Input控制項是數據輸入控制項和數據驗證控制項的完美集合: 可以選擇掩碼、日期、數字和自定義編輯等格式來顯示數據。
Wijmo Lightbox
Wijmo Lightbox控制項可以在不離開當前頁面的情況下,將圖片和內容以彈出式的方式進行顯示。
Wijmo List
Wijmo List支持選擇一項或者多項數據。
Wijmo Menu
Wijmo Menu控制項可建立擁有多層次的選單。該選單包含動畫效果、圖像和複選框項、互動式條目滾動等功能。
Wijmo Pager
Wijmo Pager可以實現分頁功能,支持數字分頁、上/下一頁的操作方式。
Wijmo Progress Bar
Wijmo Progress Bar控制項給最終用戶直觀的操作進度提示,並可對該控制項的外觀進行自定義。
Wijmo Slider
Wijmo Slider控制項提供了一種簡單的,最終用戶熟悉的方式,讓其在預定範圍內選擇一個值。
Wijmo Splitter
Wijmo Splitter控制項通過能移動和摺疊的滑塊將容器控制項分為單獨的兩個面板,該控制項還支持嵌套使用。使用該控制項能讓您網站的布局更加專業、優美。
Wijmo SuperPanel
Wijmo SuperPanel控制項可在您的Web程式中添加自定義滾動、調整大小,圓角,還可給任意面板增加陰影。
Wijmo Tabs
Wijmo Tabs控制項可將多個頁面內容組織到不同標籤下的控制項,易於組織和導航Web頁面的內容。
Wijmo Tree
Wijmo Tree控制項以多層次樹形結構呈現條目,並且可輕鬆增加動畫、樣式和拖放功能。
Wijmo Upload
Wijmo Upload控制項為您提供簡易的檔案上傳功能。
Wijmo Video Player
Wijmo Video Player控制項為ASP .NET系統提供了HTML5視頻播放器。支持線上流媒體、視頻播放、書籤、嵌入廣告、全螢幕播放和音量控制等功能。
Wijmo Wizard
Wijmo Wizard控制項通過導航頁面將數據區域分離成多個表單進行顯示,這樣既可以很好的保存螢幕的實際狀態,又能簡化輸入工作