Блог

Я использую простую функцию сетки данных от DevExtreme, но почему-то мое содержимое при поиске не может быть прокручено. Я также успешно загружаю данные этого поиска для ввода моего выбора. Вот мой код для справки:

 var dataGrid = $("#grid-container").dxDataGrid({
        dataSource: data,
        keyExpr: "ID",
        showBorders: true,
        selection: {
            mode: "multiple"
        },
        paging: {
            enabled: false
        },
        editing: {
            mode: "row",
            allowAdding: true
        },
        filterRow: {
            visible: true,
            applyFilter: "auto"
        },
        headerFilter: {
            visible: true
        },
        columns: [
            {
                dataField: "GROUPNAME",
                caption: "Group Name"
            },
            {
                dataField: "ITEMID",
                caption: "Item ID",
                lookup: {
                    dataSource: dataStore,
                    displayExpr: "ITEMID",
                    valueExpr: "ITEMID"
                }
            },
            {
                dataField: "MARKETNAME",
                caption: "Market Name"
            }
        ],
        onEditorPreparing: function (e) {
            if (e.parentType === "dataRow" amp;amp; e.dataField === "MARKETNAME") {
                e.editorOptions.disabled = true;
            }
        },
        onToolbarPreparing: function (e) {
            var dataGrid = e.component;

            e.toolbarOptions.items[0].showText = 'always';

            e.toolbarOptions.items.push({
                location: "after",
                widget: "dxButton",
                options: {
                    text: "Delete Selected Row(s)",
                    icon: "trash",
                    disabled: true,
                    onClick: function () {
                        dataGrid.getSelectedRowKeys().forEach(function (key) {
                            deleteData(key);
                        });
                        dataGrid.refresh();
                    },
                    onInitialized: function (e) {
                        deleteButton = e.component;
                    }
                }
            });
        },
        onSelectionChanged: function (data) {
            deleteButton.option("disabled", !data.selectedRowsData.length);
        },
        onCellPrepared: function (e) {
            if (e.rowType == "data" amp;amp; e.column.command == "edit") {
                let cellElement = e.cellElement;
                let saveLink = cellElement.find(".dx-link-save");
                saveLink.off("click");
                saveLink.on("click", (args) => {
                    var a = setAdd(e.row.data);
                    if (a != "cancel") {
                        dataGrid.refresh();
                    }
                });

                let cancelLink = cellElement.find(".dx-link-cancel");
                cancelLink.off("click");
                cancelLink.on("click", (args) => {
                    e.component.cancelEditData();
                });
            }
        }
    }).dxDataGrid("instance");
 

Есть ли что-то, что я делаю неправильно в своем коде, что мешает поиску по идентификатору элемента, который нельзя прокручивать ?