devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
275 lines (274 loc) • 11 kB
JavaScript
/**
* DevExtreme (esm/__internal/grids/new/grid_core/editing/controller.js)
* Version: 25.1.3
* Build date: Wed Jun 25 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import _extends from "@babel/runtime/helpers/esm/extends";
import {
applyChanges
} from "../../../../../common/data";
import {
isDefined
} from "../../../../../core/utils/type";
import {
computed
} from "@preact/signals-core";
import {
generateNewRowTempKey
} from "../../../../grids/grid_core/editing/m_editing_utils";
import {
OptionsValidationController
} from "../../../../grids/new/grid_core/options_validation/index";
import {
ColumnsController
} from "../columns_controller/columns_controller";
import {
DataController
} from "../data_controller/data_controller";
import {
ItemsController
} from "../items_controller/items_controller";
import {
KeyboardNavigationController
} from "../keyboard_navigation/index";
import {
OptionsController
} from "../options_controller/options_controller";
import {
ConfirmController
} from "./confirm_controller";
export class EditingController {
constructor(options, itemsController, columnController, dataController, kbn, optionsValidationController, confirmController) {
this.options = options;
this.itemsController = itemsController;
this.columnController = columnController;
this.dataController = dataController;
this.kbn = kbn;
this.optionsValidationController = optionsValidationController;
this.confirmController = confirmController;
this.changes = this.options.twoWay("editing.changes");
this.editCardKey = this.options.twoWay("editing.editCardKey");
this.allowDeleting = this.options.twoWay("editing.allowDeleting");
this.allowUpdating = this.options.twoWay("editing.allowUpdating");
this.allowAdding = this.options.twoWay("editing.allowAdding");
this.needConfirmDelete = this.options.oneWay("editing.confirmDelete");
this.texts = this.options.oneWay("editing.texts");
this.onEditCanceling = this.options.action("onEditCanceling");
this.onEditCanceled = this.options.action("onEditCanceled");
this.onEditingStart = this.options.action("onEditingStart");
this.onInitNewCard = this.options.action("onInitNewCard");
this.onCardInserted = this.options.action("onCardInserted");
this.onCardInserting = this.options.action("onCardInserting");
this.onCardUpdated = this.options.action("onCardUpdated");
this.onCardUpdating = this.options.action("onCardUpdating");
this.onCardRemoved = this.options.action("onCardRemoved");
this.onCardRemoving = this.options.action("onCardRemoving");
this.onSaving = this.options.action("onSaving");
this.onSaved = this.options.action("onSaved");
this.editingCard = computed((() => {
const editCardKey = this.editCardKey.value;
const items = this.itemsController.items.value;
const changes = this.changes.value;
if (!isDefined(editCardKey)) {
return null
}
const oldItem = this.itemsController.findItemByKey(items, editCardKey);
if (!oldItem) {
return null
}
const insertChange = changes.find((change => change.key === editCardKey && "insert" === change.type));
const oldData = (null === insertChange || void 0 === insertChange ? void 0 : insertChange.data) ?? oldItem.data;
const newData = applyChanges([oldData], changes, {
keyExpr: this.dataController.dataSource.peek().key(),
immutable: true
})[0];
const newItem = this.itemsController.createCardInfo(newData, this.columnController.columns.peek(), oldItem.index, void 0, oldItem.key);
return newItem
}))
}
provideValidateMethod(validateMethod) {
this.validateMethod = validateMethod
}
editCard(key) {
this.optionsValidationController.validateKeyExpr();
const eventArgs = {
cancel: false,
key: key,
data: this.itemsController.getCardByKey(key).data
};
this.onEditingStart.peek()(eventArgs);
if (!eventArgs.cancel) {
this.editCardKey.value = key
}
}
async validate() {
var _this$validateMethod;
return (null === (_this$validateMethod = this.validateMethod) || void 0 === _this$validateMethod ? void 0 : _this$validateMethod.call(this)) ?? true
}
async addCard() {
this.optionsValidationController.validateKeyExpr();
const eventArgs = {
promise: void 0,
data: {}
};
this.onInitNewCard.peek()(eventArgs);
await eventArgs.promise;
const newItemKey = this.dataController.getDataKey(eventArgs.data) ?? generateNewRowTempKey();
this.itemsController.additionalItems.value = [...this.itemsController.additionalItems.peek(), this.itemsController.createCardInfo(eventArgs.data, this.columnController.columns.peek(), -1, [], newItemKey, false)];
this.changes.value = [...this.changes.peek(), {
type: "insert",
key: newItemKey,
data: {}
}];
this.editCardKey.value = newItemKey
}
async confirmDelete() {
if (!this.needConfirmDelete.peek()) {
return Promise.resolve(true)
}
const {
confirmDeleteMessage: confirmDeleteMessage,
confirmDeleteTitle: confirmDeleteTitle
} = this.texts.peek();
const showDialogTitle = isDefined(confirmDeleteTitle) && confirmDeleteTitle.length > 0;
const result = await this.confirmController.confirm(confirmDeleteMessage ?? "", confirmDeleteTitle ?? "", showDialogTitle);
return result
}
async deleteCard(key) {
this.optionsValidationController.validateKeyExpr();
const confirmStatus = await this.confirmDelete();
if (!confirmStatus) {
this.kbn.returnFocus();
return
}
this.changes.value = [...this.changes.peek(), {
type: "remove",
key: key
}];
await this.save();
this.kbn.returnFocus()
}
clear() {
this.changes.value = [];
this.editCardKey.value = null;
this.itemsController.additionalItems.value = []
}
async flushChanges() {
await this.processChanges(this.changes.peek());
this.clear()
}
cancel() {
const changes = this.changes.peek();
const eventArgs = {
changes: changes,
cancel: false
};
this.onEditCanceling.peek()(eventArgs);
if (eventArgs.cancel) {
return false
}
this.clear();
this.onEditCanceled.peek()({
changes: changes
});
return true
}
async save() {
const validationSuccessful = await this.validate();
if (!validationSuccessful) {
return
}
const changes = this.changes.peek();
const eventArgs = {
promise: void 0,
cancel: false,
changes: changes
};
this.onSaving.peek()(eventArgs);
await eventArgs.promise;
if (eventArgs.cancel) {
return
}
await this.flushChanges();
this.onSaved.peek()({
changes: changes
})
}
async processChanges(changes) {
const promises = [];
for (const change of changes) {
switch (change.type) {
case "update": {
const updatingArgs = {
oldData: this.itemsController.getCardByKey(change.key).data,
newData: change.data,
cancel: false,
key: change.key
};
this.onCardUpdating.peek()(updatingArgs);
if (await updatingArgs.cancel) {
break
}
promises.push(this.dataController.update(change.key, change.data));
this.onCardUpdated.peek()({
data: change.data,
key: change.key
});
break
}
case "remove": {
const {
data: data
} = this.itemsController.findItemByKey(this.itemsController.items.peek(), change.key);
const removingArgs = {
cancel: false,
data: data,
key: change.key
};
this.onCardRemoving.peek()(removingArgs);
if (await removingArgs.cancel) {
break
}
promises.push(this.dataController.remove(change.key));
this.onCardRemoved.peek()({
data: data,
key: change.key
});
break
}
case "insert": {
const insertingArgs = {
cancel: false,
data: change.data
};
this.onCardInserting.peek()(insertingArgs);
if (await insertingArgs.cancel) {
break
}
promises.push(this.dataController.insert(change.data));
this.onCardInserted.peek()({
data: change.data
});
break
}
}
}
await Promise.all(promises);
await this.dataController.reload()
}
addChange(key, newData) {
const existingChange = this.changes.peek().find((change => change.key === key && ["insert", "update"].includes(change.type)));
const newChange = existingChange ? _extends({}, existingChange, {
data: _extends({}, existingChange.data, newData)
}) : {
key: key,
type: "update",
data: newData
};
this.changes.value = [...this.changes.peek().filter((change => change !== existingChange)), newChange]
}
}
EditingController.dependencies = [OptionsController, ItemsController, ColumnsController, DataController, KeyboardNavigationController, OptionsValidationController, ConfirmController];