Query EasyUI致力于幫助web開發者更輕松的打造出功能豐富并且美觀的UI界面。jQuery EasyUI提供了基于當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

基本的數據網格

本示例主要為大家展示了基本的數據網格，數據網格由標記創建的，不需要JavaScript代碼?！靖皆创a供大家參考】

從表格中轉換數據網格

本示例主要演示了從現有的、未格式化的HTML表格中轉換數據網格?！玖砀皆创a供大家參考】

數據網格的行邊框

本演示主要為大家展示了如何更改數據網格的行邊框樣式。【另附源代碼供大家參考】

數據網格選擇

本演示主要為大家展示了數據網格的選擇，首先選擇一個選擇模式，然后選擇一行或多行。【另附源代碼供大家參考】

數據網格中的復選框選擇

本演示主要為大家展示了數據網格中的復選框選擇，點擊標題中的復選框來選擇或取消所有選擇?！玖砀皆创a供大家參考】

具有工具欄的數據網格

本演示主要展示了具有工具欄的數據網格，在數據網格的頂部放置工具欄?！玖砀皆创a供大家參考】

數據網格的復雜工具欄

數據網格的工具欄可以通過一個div標記來定義，因此你可以很容易地定義工具欄布局?！玖砀皆创a供大家參考】

數據網格篩選行

本示例主要演示了如何自定義DataGrid的過濾器菜單?！玖砀皆创a供大家參考】

數據網格中的遠程過濾

本演示主要為大家展示了在數據網格組件中如何應用遠程過濾和分頁?！玖砀皆创a供大家參考】

自定義DataGrid Pager

本演示主要為大家展示了如何自定義DataGrid Pager，你可以在標準的datagrid pager工具欄中附加一些按鈕?！玖砀皆创a供大家參考】

購買最新正版授權！"咨詢在線客服"

新年新禧新氣象，送禮送福送優惠！

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！

本站文章除注明轉載外，均為本站原創或翻譯

Query EasyUI最新試用版免費下載>

jQuery EasyUI致力于幫助web開發者更輕松的打造出功能豐富并且美觀的UI界面。jQuery EasyUI提供了基于當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

數據網格服務器端分頁演示

本演示主要為大家展示了數據網格在服務器端的分頁，點擊頁面欄可以更改頁碼或頁面大小。【另附源代碼供大家參考】

數據網格中的客戶端分頁

本演示主要為大家展示了在數據網格中如何實現客戶端分頁?！玖砀皆创a供大家參考】

在數據網格中添加排序

本演示主要展示了如何在數據網格中添加排序。在示例中可以單擊列標題進行排序，但是“Attribute”和“Status”無法進行排序，因為它們的排序功能為分配?！玖砀皆创a供大家參考】

多重排序

將“multiSort”屬性設置為true，從而實現多列排序。【另附源代碼供大家參考】

列組

本演示主要展示了列組的使用，標題的單元格可以合并?！玖砀皆创a供大家參考】

在數據網格中對齊列

本演示主要展示了在數據網格中如何對齊列，使用align和halign屬性設置列和它們的頭部對齊?！玖砀皆创a供大家參考】

在數據網格中凍結列

用戶可以凍結某些列，使其超出視圖時無法滾動。【另附源代碼供大家參考】

格式化數據網格的列

本示例主要演示了如何格式化數據網格的列?！玖砀皆创a供大家參考】

在數據網格中凍結行

本示例演示了如何在數據網格滾動下來之前凍結一些顯示在頂部的行?！玖砀皆创a供大家參考】

在數據網格中對行進行分組

本示例演示了如何通過指定的列對行進行分組?！玖砀皆创a供大家參考】

葡萄城經典UI產品新年大促，驚喜折扣禮品送不停！

本站文章除注明轉載外，均為本站原創或翻譯

端 UI 組件庫WijmoJS V2020.0 Update1 正式發布！

這一版本將更加體現出 WijmoJS 的小巧、靈活和高效。我們將 WijmoJS 的組件和功能模塊化，減少了應用程序加載時所需的時間。同時，我們還優化了數據渲染引擎（通常使用虛擬化），因此無論您的數據集有多大，我們的組件都可以實現高效加載。

為了響應用戶需求，WijmoJS 的新版本加入許多在構建 Web應用程序時會用到的功能，除了可在React Redux 應用程序中編輯DataGrid外，還有針對FlexGrid和FlexChart的增強功能。

在列舉 WijmoJS的全部新特性之前，請下載最新安裝程序，以便同步體驗！

為React框架提供的新功能：可編輯的React Redux DataGrid

FlexGrid為React Redux應用中的可編輯數據網格提供了一個企業級解決方案！

通常情況下，使用FlexGrid的用戶會通過網格來更新基礎數據數組。然而，這種方法不適用于需要數據不變性的狀態管理系統（例如Redux）。

現在，這個問題可以通過使用ImmutabilityProvider擴展組件來解決。

引入FlexGrid，綁定到Redux Store的數據數組后，您可以通過以下方式更改網格行為：

· 允許用戶以常規方式（更改項目值、添加/刪除行、粘貼和文本）編輯網格數據。

· 允許所有的數據轉換操作，包括排序、分組和過濾。

· 防止網格因應用戶編輯而發生的變異。相反，它會觸發dataChanged事件，該事件可用于將數據更改操作調度到Redux Store。

使用OpenFin和JavaScript組件，構建股票投資組合APP

WijmoJS的股票投資組合 APP 是一個Demo，演示了OpenFin應用程序中WijmoJS組件的用法。

股票投資組合APP包含幾個窗口，每個窗口都使用了不同的Web框架（包含React、Angular和Web組件）。 OpenFin的新Platform API允許用戶在所需的工作區中排列和自定義窗口。

產品安全性增強

隨著越來越多的應用程序使用JavaScript 腳本，客戶端的安全性變得至關重要。

內容安全策略（CSP）作為一層額外保護，有助于提前發現并緩解某些類型的攻擊，如跨站點腳本（XSS）和數據注入攻擊。

WijmoJS的最新版本完全符合CSP策略，并且，不需要您在CSP中添加" unsafe-inline"或" unsafe-eval"，也不需要" nonce"或哈希。

針對 FlexGrid 組件的更新

· FlexGrid中實現易于點擊的復選框

· FlexGrid 列選擇、多范圍復制和粘貼

· Checkbox Selector Column for FlexGrid （復選框選擇器列）

· Improved Resizing for Hidden Columns and Rows in FlexGrid（改進隱藏行列的大小調整）

· RadioButton and AutoComplete DataMap Editors for FlexGrid（新增對RadioButton和AutoComplete DataMap的原生支持）

· Improved Validation Behavior in FlexGrid（改進了數據驗證行為）

· Expanded Column Pinning Options in FlexGrid（擴展了pinning固定選項）

· FlexGrid Button Columns with CellMaker（使用CellMaker實現按鈕列）

· FlexGrid Hyperlink Columns with CellMaker（使用CellMaker實現超鏈接列）

· FlexGrid Image Columns with CellMaker（使用CellMaker實現圖片列）

· FlexGrid Star Rating Column with CellMaker（使用CellMaker實現星級評分列）

· FlexGrid Sparkline Columns with CellMaker（使用CellMaker實現Sparkline列）

· Excel Export Progress Indicator for FlexGrid（FlexGrid導出Excel進度條）

· PDF Export Progress Indicator for FlexGrid（FlexGrid導出PDF進度條）

針對 FlexChart 組件的更新

· Plot Revenue Over Expenses with BreakEven Chart for JavaScript Apps（可使用BreakEven Chart為JavaScript應用程序繪制支出收益表）

針對 Input 組件的更新

· Easily Filter Long MultiSelect Lists（多選過濾器）

· More Options for Triggering Popups（為彈出式觸發器新增更多選項）

其它新特性：

· Batch Updates in OdataCollectionView（ODataCollectionView批量更新）

以上就是前端 UI 組件庫 WijmoJS V2020.0 Update1 的全部新特性內容，作為一款基于 HTML5 的前端開發工具包，WijmoJS 由 80 多種靈活、高效、跨平臺、零依賴的 JavaScript UI 組件構成，完美兼容原生 JavaScript，以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架，可助力企業以最快的速度開發并構建出一套成熟的 Web 應用程序，如果您也對這款"前端開發工具包"感興趣，歡迎點擊文末，了解更多。

關于葡萄城

賦能開發者！葡萄城公司成立于 1980 年，是全球領先的集開發工具、商業智能解決方案、低代碼開發平臺于一身的軟件和服務提供商。西安葡萄城是其在中國的分支機構，面向全球市場提供軟件研發服務，并為中國企業的信息化提供國際先進的開發工具、軟件和研發咨詢服務。葡萄城的控件和軟件產品在國內外屢獲殊榮，在全球被數十萬家企業、學校和政府機構廣泛應用。