資訊專欄INFORMATION COLUMN
摘要：優(yōu)勢純原生實現(xiàn)，不依賴任何框架使用簡單快捷，功能強(qiáng)大與用戶進(jìn)行溝通，采納來自于使用的需求，并不間段的進(jìn)行升級維護(hù)特色功能表格的列寬度可進(jìn)行拖拽式調(diào)整表格的列位置進(jìn)行拖拽式調(diào)整可通過配置對列進(jìn)行顯示隱藏轉(zhuǎn)換在表存在可視區(qū)域的情況下表頭將一直存
GridManager 優(yōu)勢
純原生javascript實現(xiàn)，不依賴任何框架
使用簡單快捷，功能強(qiáng)大
與用戶進(jìn)行溝通，采納來自于使用的需求，并不間段的進(jìn)行升級維護(hù)
特色功能表格的列寬度可進(jìn)行拖拽式調(diào)整
表格的列位置進(jìn)行拖拽式調(diào)整
可通過配置對列進(jìn)行顯示隱藏轉(zhuǎn)換
在表存在可視區(qū)域的情況下,表頭將一直存在于頂部
表格單項排序或組合排序
表格ajax分頁,包含選擇每頁顯示總條數(shù)和跳轉(zhuǎn)至指定頁功能
記憶用戶行為,含用戶調(diào)整的列寬、列順序、列可視狀態(tài)及每頁顯示條數(shù)
分頁、排序、刷新時自動進(jìn)行數(shù)據(jù)加載，且提供相應(yīng)的before、after事件
自動生成序號列
自動生成全選列
當(dāng)前頁數(shù)據(jù)導(dǎo)出、已選中數(shù)據(jù)導(dǎo)出
右鍵菜單快捷操作
生成示例這是一個很簡單的示例，具體的請參考demo
var table = document.querySelector("table[grid-manager="demo-baseCode"]")
table.GM({
ajax_url: "http://www.lovejavascript.com/learnLinkManager/getLearnLinkList"
,ajax_type: "POST"
,query: {pluginId: 1}
,columnData: [
{
key: "name",
text: "名稱"
},{
key: "info",
text: "使用說明"
},{
key: "url",
text: "url"
}
]
})
相關(guān)鏈接
主站: http://gridmanager.lovejavasc...
github: https://github.com/baukh789/G...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/93106.html
摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。刷新更新查詢條件其它更多請直接訪問查看當(dāng)前版本的版本的版本 GridManager React 基于 React 的 GridManager 封裝, 用于便捷的在 React 中使用GridManager. 除過React特性外，其它API與GridManager API相同。 showImg(https://segmentfault...
摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。非必設(shè)項篩選條件列表數(shù)組對象。格式在使用時該參數(shù)為必設(shè)項。并且使用服務(wù)需要提前通過將注冊至全局組件。刷新或更新查詢條件或其它更多請直接訪問查看當(dāng)前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過Vue特性外，其它API與GridManag...
摘要：非必設(shè)項篩選條件列表數(shù)組對象。格式在使用時該參數(shù)為必設(shè)項。前端雞湯前端框架前端相關(guān)篩選選中項，字符串默認(rèn)為。非必設(shè)項，選中的過濾條件將會覆蓋否為多選布爾值默認(rèn)為。刷新更新查詢條件其它更多請直接訪問查看當(dāng)前版本 GridManager Angular 1.x 基于 Angular 1.x 的 GridManager 封裝, 用于便捷的在 Angular 中使用GridManager. s...
摘要：表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態(tài)。在已經(jīng)執(zhí)行過的前提下，可通過如下方式對列進(jìn)行操作對第一列進(jìn)行顯示對第二列進(jìn)行隱藏批量操作隱藏第二和第三列批量操作顯示全部列 GridManager 表格管理組件， 對列的隱藏與顯示的操作有兩種方式。 初始化時指定列為隱藏或顯示狀態(tài)。方式如下: var table = document.querySele...
閱讀 3593·2021-11-23 09:51
閱讀 2795·2021-11-23 09:51
閱讀 676·2021-10-11 10:59
閱讀 1672·2021-09-08 10:43
閱讀 3223·2021-09-08 09:36
閱讀 3289·2021-09-03 10:30
閱讀 3293·2021-08-21 14:08
閱讀 2195·2021-08-05 09:59
