dojo dgrid-select选择不适用于我的原因可能是什么?

q8l4jmvw  于 2022-12-20  发布在  Dojo
关注(0)|答案(1)|浏览(319)

我有这样一段代码:

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?

umuewwlo

umuewwlo1#

这里我怀疑的原因之一可能是集合中没有idProperty,如果要Map集合对象的id,应该有id属性,如果要Map到其他属性,则在创建集合时定义idProperty: otherProperty

相关问题