在devextreme DataGrid上按columnChooser保存或缓存选定的列

$("#gridContainer").dxDataGrid({
    // 其他配置项...
    columnChooser: {
        enabled: true
    }
});

$("#gridContainer").dxDataGrid({
    // 其他配置项...
    columns: [
        { dataField: "id", visible: true },
        { dataField: "name", visible: true },
        { dataField: "age", visible: false },
        // 其他列定义...
    ]
});

$("#gridContainer").dxDataGrid({
    // 其他配置项...
    onOptionChanged: function(e) {
        if (e.fullName === "columns[0].visible" || e.fullName === "columns[1].visible" || e.fullName === "columns[2].visible") {
            var visibleColumns = $("#gridContainer").dxDataGrid("instance").getVisibleColumns();
            var visibleColumnNames = visibleColumns.map(function(column) {
                return column.dataField;
            });
            localStorage.setItem("gridVisibleColumns", JSON.stringify(visibleColumnNames));
        }
    }
});

$(function() {
    var savedVisibleColumns = localStorage.getItem("gridVisibleColumns");
    if (savedVisibleColumns) {
        savedVisibleColumns = JSON.parse(savedVisibleColumns);
        $("#gridContainer").dxDataGrid("instance").columnOption("id", "visible", savedVisibleColumns.includes("id"));
        $("#gridContainer").dxDataGrid("instance").columnOption("name", "visible", savedVisibleColumns.includes("name"));
        $("#gridContainer").dxDataGrid("instance").columnOption("age", "visible", savedVisibleColumns.includes("age"));
    }
});