devextreme/dist/transpiled/ui/tree_list/ui.tree_list.editing.js

HTML5 JavaScript Component Suite for Responsive Web Development

"use strict";

require("./ui.tree_list.editor_factory");

var $ = require("../../core/renderer"),
    errors = require("../widget/ui.errors"),
    isDefined = require("../../core/utils/type").isDefined,
    extend = require("../../core/utils/extend").extend,
    Deferred = require("../../core/utils/deferred").Deferred,
    messageLocalization = require("../../localization/message"),
    treeListCore = require("./ui.tree_list.core"),
    gridCoreUtils = require("../grid_core/ui.grid_core.utils"),
    editingModule = require("../grid_core/ui.grid_core.editing");

var TREELIST_EXPAND_ICON_CONTAINER_CLASS = "dx-treelist-icon-container",
    SELECT_CHECKBOX_CLASS = "dx-select-checkbox",
    DATA_EDIT_DATA_INSERT_TYPE = "insert";

var EditingController = editingModule.controllers.editing.inherit(function () {
    return {
        _generateNewItem: function _generateNewItem(key) {
            var item = this.callBase(key);

            item.data = {
                key: key
            };
            item.children = [];
            item.level = 0;
            item.parentKey = this.option("rootValue");

            return item;
        },

        _needInsertItem: function _needInsertItem(editData, changeType, items, item) {
            var parentKey = editData.key.parentKey;
            if (parentKey !== undefined && parentKey !== this.option("rootValue")) {
                var rowIndex = gridCoreUtils.getIndexByKey(parentKey, items);
                if (rowIndex >= 0 && this._dataController.isRowExpanded(parentKey)) {
                    items.splice(rowIndex + 1, 0, item);
                }
                return false;
            }
            return this.callBase.apply(this, arguments);
        },

        _isEditColumnVisible: function _isEditColumnVisible() {
            var result = this.callBase.apply(this, arguments),
                editingOptions = this.option("editing");

            return result || editingOptions && editingOptions.allowAdding;
        },

        _createEditingLinks: function _createEditingLinks(container, options, editingOptions) {
            var callBase = this.callBase,
                editingTexts = editingOptions.texts || {};

            if (editingOptions.allowAdding && !(options.row.removed || options.row.inserted)) {
                this._createLink(container, editingTexts.addRowToNode, "addRowByRowIndex", options, editingOptions.useIcons);
            }

            callBase.apply(this, arguments);
        },

        _beforeSaveEditData: function _beforeSaveEditData(editData) {
            var key,
                store,
                dataController = this._dataController,
                result = this.callBase.apply(this, arguments);

            if (editData && editData.type !== DATA_EDIT_DATA_INSERT_TYPE) {
                store = dataController && dataController.store();
                key = store && store.key();

                if (!isDefined(key)) {
                    throw errors.Error("E1045");
                }
            }

            return result;
        },

        addRowByRowIndex: function addRowByRowIndex(rowIndex) {
            var dataController = this.getController("data"),
                row = dataController.getVisibleRows()[rowIndex];

            return this.addRow(row ? row.key : undefined);
        },

        addRow: function addRow(key) {
            var that = this,
                callBase = this.callBase,
                dataController = this.getController("data");

            if (key !== undefined && !dataController.isRowExpanded(key)) {
                var d = new Deferred();
                dataController.expandRow(key).done(function () {
                    setTimeout(function () {
                        callBase.call(that, key);
                        d.resolve();
                    });
                }).fail(d.reject);
                return d;
            }

            callBase.call(that, key);
        },

        _initNewRow: function _initNewRow(options, insertKey) {
            var parentKey = insertKey.parentKey,
                dataController = this.getController("data"),
                dataSourceAdapter = dataController.dataSource(),
                parentIdSetter = dataSourceAdapter.createParentIdSetter();

            if (parentKey === undefined) {
                parentKey = this.option("rootValue");
                insertKey.parentKey = parentKey;
            }

            parentIdSetter(options.data, parentKey);

            this.callBase.apply(this, arguments);
        }
    };
}());

var originalRowClick = editingModule.extenders.views.rowsView._rowClick;

var RowsViewExtender = extend({}, editingModule.extenders.views.rowsView, {
    _renderCellCommandContent: function _renderCellCommandContent($container, options) {
        var editingController = this._editingController,
            isEditRow = options.row && editingController.isEditRow(options.row.rowIndex),
            isEditing = options.isEditing || isEditRow;

        if (!isEditing) {
            return this.callBase.apply(this, arguments);
        }

        return false;
    },

    _rowClick: function _rowClick(e) {
        var $targetElement = $(e.event.target);

        if ($targetElement.closest("." + SELECT_CHECKBOX_CLASS).length) {
            return;
        }

        if ($targetElement.closest("." + TREELIST_EXPAND_ICON_CONTAINER_CLASS).length) {
            this.callBase.apply(this, arguments);
        } else {
            originalRowClick.apply(this, arguments);
        }
    }
});

treeListCore.registerModule("editing", {
    defaultOptions: function defaultOptions() {
        return extend(true, editingModule.defaultOptions(), {
            editing: {
                /**
                 * @name dxTreeListOptions.editing.texts
                 * @publicName texts
                 * @type object
                 */
                texts: {
                    /**
                     * @name dxTreeListOptions.editing.texts.addRowToNode
                     * @publicName addRowToNode
                     * @type string
                     * @default "Add"
                     */
                    addRowToNode: messageLocalization.format("dxTreeList-editingAddRowToNode")
                }
            }
        });
    },
    controllers: {
        editing: EditingController
    },
    extenders: {
        controllers: extend(true, {}, editingModule.extenders.controllers, {
            data: {
                changeRowExpand: function changeRowExpand() {
                    this._editingController.refresh();
                    return this.callBase.apply(this, arguments);
                }
            }
        }),
        views: {
            rowsView: RowsViewExtender,
            headerPanel: editingModule.extenders.views.headerPanel
        }
    }
});