Dojo Gridx 多选功能手动启用教程 - 详细步骤与代码示例

Dojo Gridx 手动开启支持多选内容

要手动启用 Gridx 的多选功能，需要在 Gridx 的配置中添加以下选项：

1. 在 modules 中添加一个名为 'selectRow' 的模块，以启用行选择功能。
2. 在 modules 中添加一个名为 'extendedSelect' 的模块，以启用多选功能。
3. 在列定义中将第一列设置为复选框列，以显示多选框。

下面是一个示例配置，演示如何手动启用 Gridx 的多选功能：

require([
    "dojo/_base/array",
    "dojo/_base/lang",
    "dojo/dom",
    "gridx/Grid",
    "gridx/core/model/cache/Sync",
    "gridx/modules/select/Row",
    "gridx/modules/extendedSelect/Row"
], function(array, lang, dom, Grid, Cache, SelectRow, ExtendedSelectRow){

    var data = [
        {id: 1, name: 'John Smith', age: 35},
        {id: 2, name: 'Jane Doe', age: 28},
        {id: 3, name: 'Bob Johnson', age: 42}
    ];

    var columns = [
        {field: "id", name: "ID", width: "50px", selector: "checkbox"},
        {field: "name", name: "Name", width: "200px"},
        {field: "age", name: "Age", width: "100px"}
    ];

    var grid = new Grid({
        cacheClass: Cache,
        store: data,
        structure: columns,
        modules: [
            SelectRow,
            ExtendedSelectRow
        ]
    }, "gridNode");

    grid.startup();

});

在这个例子中，我们在 modules 中添加了两个模块，以启用行选择和多选功能。我们还将第一列的 selector 属性设置为 'checkbox'，以在第一列中显示复选框。这会允许用户选择多个行。