Wijmo 的 jQuery UI 小工具現已提供

Wijmo 的 jQuery UI 小工具現已提供

Wijmo 是一套用於建置 Web 應用程式的 jQuery UI 小工具(widgets)。它融合了 jQuery、CSS3、SVG 與 HTML5。Wijmo 包含網格(grid)、圖表(charts)、選單(menus)以及其他 UI 小工具。它建立在 jQuery UI Widget Factory 之上,完全支援 ThemeRoller,包括自訂的 Aristo 主題,並提供論壇、文件與技術支援。Wijmo 提供兩種版本:Wijmo Complete 針對希望購買完整 jQuery UI 小工具套件的個人或企業而設計。它包含 Wijmo Open 的所有內容,另外還提供更複雜且更強大的小工具。Wijmo Complete 依照開發者授權,並依 Wijmo Commercial License 授權。

特色

Wijmo Complete 小工具

  • 圖表 - 長條圖
    Wijmo 長條圖小工具(wijbarchart)讓使用者可以顯示自訂的長條圖。長條圖會將每個系列(series)以資料的長條或欄(bar or column)形式繪製。
  • 圖表 - 折線圖
    Wijmo 折線圖小工具(wijlinechart)讓使用者可以顯示自訂的線性圖表。折線圖會將每個系列以連接的資料點(connected points)形式繪製。
  • 圖表 - 圓餅圖
    Wijmo 圓餅圖小工具(wijpiechart)讓使用者可以顯示自訂的圓餅圖。圓餅圖會將每個系列以資料的一個切片(slice)形式繪製。
  • 組合框(Combobox)
    使用這款好上手的組合框小工具,你可以在 HTML 網頁上顯示可調整大小且可編輯的文字方塊/下拉清單。wijcombobox 小工具會模擬常見的自動完成(auto-complete)UI。
  • 網格(Grid)
    Wijmo 網格小工具(wijgrid)是一種表格型資料網格(tabular datagrid),讓使用者能夠互動式地選取、編輯、排序、捲動、篩選與群組(group)資料。該網格高度可自訂,能更有效地幫助你理解並視覺化資料。
  • 輸入(Input)
    Wijmo Expander 小工具(wijexpander)讓你能透過各種動畫效果,在展開面板中顯示或隱藏內嵌或外部內容。你可以透過點擊 expander 標頭來顯示或隱藏展開內容。
  • 分頁器(Pager)
    Wijmo Pager 小工具讓終端使用者能透過點擊可見元素來瀏覽各個元素或頁面。wijpager 小工具支援多種模式;例如,你可以設定它使用數字分頁系統,或使用上一頁/下一頁(next/previous)系統。
  • 樹狀結構(Tree)
    Wijmo Tree 小工具以階層式樹狀結構呈現項目。wijtree 小工具支援展開/收合動畫、精緻的主題,以及支援拖放(drag-and-drop)功能。
  • 精靈(Wizard)
    Wijmo Wizard 小工具(wijwizard)用於在不同、可導覽的頁面上顯示內容區段,讓你可以節省畫面空間,或透過建立一系列表單來簡化輸入工作。為了方便導覽,你可以使用 wijwizard 內建的導覽按鈕或其自動播放(autoplay)功能。若你想讓 wijwizard 更有亮點,你也可以將它與 wijpager 小工具結合,以提供分頁式導覽。

Wijmo Open 小工具
Wijmo Open 是一套基於 jQueryUI 建置的工具套件,並釋出給社群使用。Wijmo Open 是開放原始碼,並可在 MIT 或 GPL 授權下免費使用。

  • 手風琴(Accordion)
    Wijmo Accordion 小工具(wijaccordion)是一種選單 UI,由一系列內容窗格(content panes)組成,可一次顯示你的資訊其中一個窗格。使用者只需要選擇要展開的窗格並查看指定資訊,同時其他窗格會自動收合,進而自動整理你的使用者介面並最佳化畫面空間。
  • 行事曆(Calendar)
    使用 Wijmo Calendar 小工具(wijcalendar),你可以顯示單一月份,或以可自訂樣式與導覽元素的方式顯示月份表格。
  • 對話框(Dialog)
    Wijmo Dialog 小工具(wijdialog)延伸自 jQuery UI Dialog(jquery.ui.dialog),並為 jquery.ui.dialog 新增最大化、最小化、內容切換與釘選(pinning)等功能。
  • Expander
    Wijmo Expander 小工具(wijexpander)讓你能透過各種動畫效果,在展開面板中顯示或隱藏內嵌或外部內容。你可以透過點擊 expander 標頭來顯示或隱藏展開內容。
  • 表單裝飾(Form Decorator)
    Wijmo Form Decorator 小工具(wijradio、wijcheckbox、wijdropdown、wijtextbox)用於裝飾標準的 HTML 表單元素。這些 Form Decorator 小工具可讓任何表單元素在任何瀏覽器中,透過 ThemeRoller 以一致的方式套用樣式。
  • 清單(List)
    Wijlist 是一種使用者介面小工具,讓使用者能從清單中選取一個或多個項目。
  • 選單(Menu)
    Wijmo Menu 小工具(wijmenu)用於建立多層級選單,並支援動畫效果、圖片與核取方塊項目、互動式項目捲動等功能。你甚至可以為應用程式中的情境協助(context help)建立彈出式選單。
  • 進度列(Progressbar)
    使用 wijprogressbar 小工具讓終端使用者了解操作進度。你可以輕鬆透過動畫、樣式、標籤等來自訂指示器的外觀。
  • 滑桿(Slider)
    Wijmo Silder 小工具(wijslider)透過提供數值變更的豐富視覺化表徵,簡化使用者輸入。wijslider 是一個可滑動的選擇器,可在執行期間以簡單且熟悉的方式讓終端使用者選擇單一值,或選擇預先定義範圍內的一段值區間。
  • 分割器(Splitter)
    透過 wijsplitter 小工具,建立專業且精緻的網站。wijsplitter 是一種容器小工具,具備可移動且可收合的橫向/分隔列(bar),可將容器的顯示區域分成兩個可調整大小的面板(panels)。Splitter 可以無限巢狀,使你的 UI 設計擁有無限可能。
  • 超級面板(Super Panel)
    wijsuperpanel 小工具是 HTML 捲軸(scroll bar)的替代方案,可讓你輕鬆捲動溢出的元素。你可以在頁面上的任何面板加入自訂捲動、調整大小、圓角以及投影陰影。
  • 分頁(Tabs)
    Wijmo Wizard 小工具(wijwizard)用於在不同、可導覽的頁面上顯示內容區段,讓你可以節省畫面空間,或透過建立一系列表單來簡化輸入工作。為了方便導覽,你可以使用 wijwizard 內建的導覽按鈕或其自動播放(autoplay)功能。若你想讓 wijwizard 更有亮點,你也可以將它與 wijpager 小工具結合,以提供分頁式導覽。
  • 工具提示(Tooltip)
    wijtooltip 小工具可讓你顯示彈出式工具提示(popup tooltip),或提供遮罩(overlay)的資訊,用於在提示或小方塊(callout or small box)中呈現目標元素的資訊。嵌入任何 HTML、圖片與文字,即可打造完全自訂的工具提示。

關於 ComponentOne

ComponentOne 已為 Microsoft Visual Studio 提供各式元件、IDE 平台開發工具以及應用程式超過 22 年。這包括 ComponentOne Studio Enterprise,代表一套廣泛且完整的工具與解決方案,適用於 Microsoft Windows、Web 與行動(Mobile)應用程式開發者。ComponentOne 持續在 Microsoft Visual Studio 元件產業中保持領導地位,並且是 Microsoft 的頂尖合作夥伴。同時,它也提供 ComponentOne SharePoint Web Parts:能讓你在不撰寫任何程式碼的情況下,打造豐富且引人入勝的 SharePoint 網站的自訂 Web Parts;ComponentOne Doc-To-Help:一款長期以來為技術撰寫人員所認可的產品,用於撰寫與開發說明系統(Help systems);以及 ComponentOne DemoWorks:一款可錄製螢幕以產出 WMV、Flash、GIF、AVI、EXE 與 Java 檔案的工具。

ComponentOne 獲得了眾多業界與使用者的肯定,包括來自 SDTimes、The Code Project、TechWeb、Software Development Magazine、Visual Studio Magazine、Society for Technical Communication 與 SQL Server Magazine 的獎項。

ComponentOne 總部位於賓夕法尼亞州匹茲堡(Pittsburgh, PA),是一家非上市(privately held)公司,並在全球各地設有辦事處。

相關: