dojo gridx 手工开启支持多选
要手动启用Gridx的多选功能,需要在Gridx的配置中添加以下选项:
-
在modules中添加一个名为"selectRow"的模块,以启用行选择功能。
-
在modules中添加一个名为"extendedSelect"的模块,以启用多选功能。
-
在列定义中将第一列设置为复选框列,以显示多选框。
下面是一个示例配置,演示如何手动启用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",以在第一列中显示复选框。这会允许用户选择多个行
原文地址: https://www.cveoy.top/t/topic/haXg 著作权归作者所有。请勿转载和采集!