我有这样一段代码:
define([
...
"MyGrid/lib/dgrid/Grid",
"MyGrid/lib/dgrid/Keyboard",
"MyGrid/lib/dgrid/Selection",
"MyGrid/lib/dgrid/extensions/Pagination",
"MyGrid/lib/dgrid/extensions/ColumnHider",
"MyGrid/lib/dgrid/extensions/ColumnResizer",
...
], function (declare, ..., dgrid, dgridKeyboard, dgridSelection,
dgridPagination, dgridColumnHider, dgridColumnResizer,
Memory, widgetTemplate) {
...
// creates the grid
_createGrid: function (columns, collection) {
this._grid = new CustomGrid({
className: "dgrid-autoheight",
columns: columns,
collection: collection,
firstLastArrows: true,
loadingMessage: "Loading...",
noDataMessage: "No results.",
pagingLinks: 2,
pageSizeOptions: [10, 15, 25],
pagingTextBox: false,
selectionMode: "toggle",
allowSelectAll: true
}, this.gridNode);
this._grid.startup();
},
...
// Attach events to HTML dom elements
_setupEvents: function () {
logger.debug(this.id + "._setupEvents");
...
this._selectEventListener = this._grid.on("dgrid-select", function (event) {
var rows, id;
console.log(event.grid.id + ": selected " + dojoArray.map(event.rows, function (row) {
return row.id;
}).join(", "));
console.log("selection: " + JSON.stringify(event.grid.selection, null, " "));
// Get the rows that were just selected
rows = event.rows;
console.log("selectionMode: " + event.grid.selectionMode);
console.log("Row entries: " + Object.entries(rows));
console.log("Row[0] entries: " + Object.entries(rows[0].element));
console.log("Selection: " + Object.entries(event.grid.selection));
// Iterate through all currently-selected items
for (id in event.grid.selection) {
if (event.grid.selection[id]) {
console.log("keys: " + Object.entries(event.grid.selection[id]));
}
}
});
},
...
// rerender the grid.
_renderGrid: function (objs) {
var objAttributes, gridColumns;
if (objs.length) {
objAttributes = objs[0].getAttributes();
if (this._grid) {
this._selectEventListener.remove();
this._errorEventListener.remove();
this._grid.destroy();
dojoConstruct.place(this.gridNode, this.domNode);
}
// Create header and content data.
gridColumns = this._createColumns(objAttributes);
this._gridStore = new Memory({
data: this._createData(objs, objAttributes, gridColumns)
});
this._createGrid(gridColumns, this._gridStore);
this._setupEvents();
}
},
// create grid HeaderData from retrieved objects.
_createColumns: function (objAttributes) {
var fieldname, columns, i;
columns = [
{field: "id", label: "ID"}
];
if (objAttributes) {
for (i in objAttributes) {
fieldname = objAttributes[i].toLowerCase().replace(".", "-");
columns.push({field: fieldname, label: objAttributes[i]});
}
}
return columns;
},
然而选择是真的真的斑点。它只能与双击工作。下面是点击一个选择的结果:
dgrid_0: selected
selection: {
"undefined": true
}
selectionMode: toggle
Row entries: 0,[object Object]
Row[0] entries: rowIndex,0
Selection: undefined,true
keys:
正如您所看到的,它只通过事件行来获取选择,而不是通过请求grid.selection,也不会获取多个选择。
为什么没React?
1条答案
按热度按时间umuewwlo1#
这里我怀疑的原因之一可能是集合中没有
idProperty
,如果要Map集合对象的id,应该有id
属性,如果要Map到其他属性,则在创建集合时定义idProperty: otherProperty
。