GridManager 隱藏列

cppowboy 發布于2019-08-02 10:23 / 1030人閱讀

摘要：表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。在已經執行過的前提下，可通過如下方式對列進行操作對第一列進行顯示對第二列進行隱藏批量操作隱藏第二和第三列批量操作顯示全部列

GridManager 表格管理組件， 對列的隱藏與顯示的操作有兩種方式。

初始化時指定列為隱藏或顯示狀態。方式如下:

var table = document.querySelector("table");
table.GM({
    gridManagerName: "test",
    ajax_url: "http://www.lovejavascript.com/learnLinkManager/getLearnLinkList",
    columnData: [{
        key: "name",
        // 指定不顯示該列
        isShow: false,
        text: "username"
    },{
        key: "type",
        // 指定顯示該列
        isShow: true,
        text: "type"
    },{
        key: "info",
        // 不指定該列的顯示狀態， 默認為true
        text: "info"
    }]
});

渲染完成后，對列進行隱藏或顯示操作。在已經執行過init的前提下，可通過如下方式對列進行操作:

// 對第一列進行顯示
var table = document.querySelector("table");
var th_name = table.querySelector("th[th-name="name"]");
table.GM("showTh", th_name);

// 對第二列進行隱藏
var table = document.querySelector("table");
var th_type = table.querySelector("th[th-name="type"]");
table.GM("hideTh", th_type);

// 批量操作 -> 隱藏第二和第三列
var table = document.querySelector("table");
var thList = table.querySelectorAll("th");
document.querySelector("table").GM("hideTh", [thList[1], thList[2]]);

// 批量操作 -> 顯示全部列
var table = document.querySelector("table");
var thList = table.querySelectorAll("th");
document.querySelector("table").GM("showTh", thList);

GPU云服務器云服務器 js獲取隱藏列的值 js添加隱藏某列代碼 GridManager 派生列

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52314.html

GridManager 隱藏列

摘要：表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。在已經執行過的前提下，可通過如下方式對列進行操作對第一列進行顯示對第二列進行隱藏批量操作隱藏第二和第三列批量操作顯示全部列 GridManager 表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。方式如下: var table = document.querySele...

luqiuwen 2019-08-22 17:05 評論0 收藏0
GridManager 隱藏列

摘要：表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。在已經執行過的前提下，可通過如下方式對列進行操作對第一列進行顯示對第二列進行隱藏批量操作隱藏第二和第三列批量操作顯示全部列 GridManager 表格管理組件，對列的隱藏與顯示的操作有兩種方式。初始化時指定列為隱藏或顯示狀態。方式如下: var table = document.querySele...

roland_reed 2019-08-29 15:20 評論0 收藏0
GridManager 用戶偏好記憶

摘要：啟用用戶偏好記憶禁用該功能將導致用戶所調整的寬度列位置列的顯示隱藏狀態及每頁顯示條數不再擁有記憶效果。觸發清除方法手動清除用戶偏好記憶清除后，再次刷新時原先的用戶記憶將失效。 GridManager 會將用戶的部分操作進行記憶，從而達到用戶行為記憶的效果。為什么在GridManager中會存在用戶偏好記憶在數據的時代，一份數據往往會由不同的角色共享。而這些角色所關注的數據項并不相同...

alin 2019-08-22 17:06 評論0 收藏0
React 表格組件 GridManager-React

摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。刷新更新查詢條件其它更多請直接訪問查看當前版本的版本的版本 GridManager React 基于 React 的 GridManager 封裝, 用于便捷的在 React 中使用GridManager. 除過React特性外，其它API與GridManager API相同。 showImg(https://segmentfault...

cyixlq 2019-08-23 18:04 評論0 收藏0
Vue表格組件--GridManager Vue

摘要：基于的封裝用于便捷的在中使用除過特性外，其它與相同。非必設項篩選條件列表數組對象。格式在使用時該參數為必設項。并且使用服務需要提前通過將注冊至全局組件。刷新或更新查詢條件或其它更多請直接訪問查看當前版本 GridManager Vue 基于 Vue 的 GridManager 封裝, 用于便捷的在 Vue 中使用GridManager. 除過Vue特性外，其它API與GridManag...

khs1994 2019-08-23 16:46 評論0 收藏0