原創|對比評測|編輯:我只采一朵|2014-04-30 11:23:59.000|閱讀 26550 次
概述:Kendo UI Grid是業界領先的網格控件,提供批量、內聯、自定義編輯、凍結窗格等100多種豐富功能,歡迎體驗在線Demo及代碼示例。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI的響應式HTML5 Grid組件是完全開箱即用的。Kendo UI Grid為開發者提供了100多種豐富的網格功能,從基本的篩選、排序,到高級的編頁、分層數據分組等等。毫不夸張的說,Kendo UI Grid是同類產品中數一數二的佼佼者。耳聽為虛眼見為實,下面我為大家整理了它的功能特點及在線Demo,以及示例下載大全,歡迎大家試用體驗。
最新活動推薦:年中大促|在線訂購全場7折起!點擊了解詳情>>
支持批量、內聯、彈出菜單和自定義編輯器 【】
當Telerik Kendo UI Grid綁定到類似于SqlDataSource, LinqDataSource, EntityDataSource這些DataSource控件時,或者使用擴展API處理CRUD(增、刪、改、查)操作,你就可以啟用自動數據編輯功能。Grid支持內聯菜單編輯模式、標準菜單模式和彈出菜單模式,還支持批量編輯功能,省時省力。
插入、更新和刪除 【】
用戶可以創建、更新甚至刪除表格中的數據,編輯菜單可以以內聯、表單或彈出菜單的形式展示,確保你的用戶能獲得最佳的用戶體驗。你甚至還可以做批量更新。
易于使用
Kendo UI Grid的獨特之處在于它將易用性做到了極致。它遵循Section 508規范(考慮到殘障人士的應用標準),并附有 WCAG(無障礙網頁內容指引) 指南,確保即使是殘障人士也可以順暢的瀏覽和使用。如果你開發的應用要面向特殊用戶,那Kendo UI Grid將是最適合你的開發工具。
鍵盤導航 【】
為了讓用戶能更加迅捷的操作表格,Kendo UI Grid提供了鍵盤導航,用戶可以完全不用鼠標,全部用鍵盤操作。
部分快捷鍵:
Alt+W 聚焦在組件上 | |
以下快捷鍵適用于Grid header | |
Enter | 按列排序 |
Alt+Down | 打開過濾器菜單 |
Esc | 關閉過濾器菜單 |
Tab | 在過濾器菜單的各元素間切換 |
Shift+Tab | 和Tab的功能一樣,但方向相反 |
以下快捷鍵適用于Grid數據表 | |
方向鍵 | 在各個單元格之間切換 |
Enter | 在組行中展開或切換 |
Page Up | 翻到上一頁 |
Page Down | 翻到下一頁 |
Space | 選擇當前高亮顯示單元格 |
Ctrl+Space | 和Space一樣,但會選中先前選中的單元格(只適用于多選模式) |
便捷的網格交互 【】
用戶可以對網格上的列進行重新排序或設置大小,而這些操作是不需要向客戶端發出任何請求的,保證了用戶操作的流暢性。此外,它提供的上下文菜單還可以輕松隱藏或顯示列。
現成的模板 【】
使用Kendo UI Grid現成的模板功能,可以輕松自定義網格行和列的布局和顯示方式。
分層網格 【】
運用Kendo UI Grid可以快速創建分層網格,這些分層既可以由服務器驅動也可以由HTML5驅動,確保你可以將分層網格應用在任何應用程序中。
支持本地、遠程或后端數據綁定 【】
Kendo UI Grid開發的網格可以使用聲明式的數據源控件(AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataSource, OpenAccessDataSource),或者將網格綁定到自定義的對象中。無論是本地數據,還是遠程數據,還是服務器端的數據,Kendo UI Grid都可以讓你輕松連接。
分頁、篩選、排序、分組 【】
Kendo UI Grid組件提供豐富的交互功能,只需要設置幾個簡單的屬性,就可以實現分頁、排序、篩選甚至分組等功能。
凍結窗格 【】
當表格中有大量數據時,你可以使用凍結窗格功能鎖定選中的行或列,這樣可以大大提升用戶體驗。另外,Grid還會自動提供一個窗格菜單,用戶隨時可以選擇對相應的行/列進行鎖定或取消鎖定。
【】本示例演示如何使用ASMX服務進行遠程CRUD(創建、讀取、更新、刪除)操作。
【】本示例演示如何使用WCF服務進行遠程CRUD(創建、讀取、更新、刪除)操作。
【】本示例使用的是C#/MVC 3/Entity Framework,演示了Kendo UI Grid的內聯編輯功能。
【】本示例演示如何將Grid綁定到ASP.NET MVC實現遠程CRUD(創建、讀取、更新、刪除)操作。
【】本示例演示如何使用部署選項更改Grid控件的文本。
【】本示例演示如何將當前的Grid狀態保存為cookie,然后在下一次打開時可以立即啟動。
【】本示例演示如何將Grid綁定到Web實現遠程CRUD(創建、讀取、更新、刪除)操作。
【】本示例演示如何將Grid綁定到MVVM實現遠程CRUD(創建、讀取、更新、刪除)操作。
【】本示例演示如何保存單元格編輯和客戶端操作中的異常情況。
【】本示例演示如何使用復選框選擇網格行,如何保存頁面間的選項,如何從所有頁面中獲取選中項的ID。
【】本示例演示如何在選中某條記錄之后創建自定義編輯域去編輯這條記錄。
【】本示例演示如何在Kendo UI Grid中部署層疊下拉編輯器。
【】本示例演示如何利用本地存儲功能創建一個應用程序作為KendoUI Grid數據庫。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件