Вопрос
Enabled
bind
ViewModule
Financial_Services_Creatio_customer_journey_edition
7.13
Подскажите срочно, как поставить флаг в созданный мной модуле
Ислам Ибрагимжанов
15 июля 2022 14:29

Добрый день мне нужно в созданном мной модуле сделать функцию для bind к кнопке "Добавить". Я делаю расширение от LookupPage. 



Вот весь код: 

 

define("UsrAccountBaseLookupModule", [
        "LookupPage",
        "LookupPageViewGenerator",
        "LookupUtilitiesV2",
        "css!LookupPageCSS"
    ],
    function(LookupPage, LookupPageViewGenerator) {
        return Ext.define("Terrasoft.configuration.UsrAccountBaseLookupModule", {
            alternateClassName: "Terrasoft.UsrAccountBaseLookupModule",
            extend: "Terrasoft.LookupPage",
            render: function() {
                this.callParent(arguments);
                // if()
                this.myRenderLookupView(this.lookupInfo.entitySchema, this.lookupInfo.gridProfile);
            },
            renderLookupView: Terrasoft.emptyFn,
            myRenderLookupView: function(schema, profile){
                var config = this.getLookupConfig(schema, profile);
                var topPanelConfig = LookupPageViewGenerator.generateFixed(config);
                var buttonsConfig;
                _.some(topPanelConfig.items, function(target) {
                    if (target.id === "selectionControlsContainerLookupPage") {
                        _.some(target, function(target) {
                            if (Array.isArray(target)) {
                                buttonsConfig = target;
                                return true;
                            }
                        });
                        return true;
                    }
                });
                _.some(buttonsConfig, function(target) {
                    if (target.caption === "Добавить") {
                        target.enabled = {bindTo:"getViewModelValues"};
                        return true;
                    }
                });
                this.renderLookupControls(config, topPanelConfig);
            },
            getViewModelValues: function() {
                if(Terrasoft.SysValue.CURRENT_USER.value !== "8239c02a-1376-4e23-82f5-d5b142ac16f4") {
                    window.console.log(Terrasoft.SysValue.CURRENT_USER.value !== 
                        "8239c02a-1376-4e23-82f5-d5b142ac16f4");
                    return false;
 
              } else {
                   return this.render();
 
             }
                var values = {
                    canEdit: true,
                };
                return values;
            },
            generateViewModel: function() {
                var viewModel = this.callParent(arguments);
                this.applyViewModelMethods(viewModel);
                return viewModel;
            },
 
            applyViewModelMethods: function(viewModel, scope) {
                Ext.override(viewModel, {
                    onSearchButtonClick: function() {
                        var parentMethod = this.getParentMethod(this, arguments);
 
                        Terrasoft.chain(
                            function(next) {
                                 // Вот тут нужно сделать вызов функции чтобы кнопка Добавить стала активной
                                this.Ext.callback(scope, this.getViewModelValues);
                                next();
                            },
                            parentMethod,
                            this
                        );
                    }
                });
            },
        });
    });

Для уточнения, мне нужно сделать проверку функцию когда делаю клик на кнопку поиск, если есть данные в справочнике, то кнопка Добавить должна быть неактивной, в противном случае она активируется. 



Вот тут я не могу сделать вызов функции. Пожалуйста подскажите

Изображение удалено.

Нравится

1 комментарий
Дима Вовченко
29 июля 2022 11:58

Добрый день!

Рекомендую сперва проверить работает ли данное замещение кнопки "Добавить". Для этого вместо функции используйте простое значение false. Уже с этого можно делать выводы и искать причину.

Показать все комментарии
Вопрос
ViewModule
Технические вопросы
7.x
Проблема с ViewModule
Салихов А
1 декабря 2014 09:59

Здравствуйте!
Нужна помощь в связывании View и ViewModule. Есть такой код

define('TestModule', ['ext-base', 'terrasoft', 'sandbox', 'Contact', 'TestModuleResources'],
        function (Ext, Terrasoft, sandbox, Contact, resources) {
            var viewModel = null;
            var renderContainer;

            var getView = function () {
                var container = Ext.create('Terrasoft.Container', {
                    id: 'container',
                    selectors: {
                        wrapEl: '#container'
                    },
                    items: [
                                        {
                                            className: 'Terrasoft.Container',
                                            id: 'header-name-container',
                                            classes: {
                                                wrapClassName: ['header-name-container']
                                            },
                                            selectors: {
                                                wrapEl: '#header-name-container'
                                            },
                                            items: [{
                                                className: 'Terrasoft.Label',
                                                id: 'header-name',
                                                caption: 'Main Caption',
                                                width: '100%'
                                            }]
                                        },
                                        {
                                            className: 'Terrasoft.Container',
                                            id: 'topButtons',
                                            selectors: {
                                                wrapEl: '#topButtons'
                                            },
                                            classes: {
                                                wrapClassName: ['container-spacing']
                                            },
                                            items: [
                                                        {
                                                            className: 'Terrasoft.Button',
                                                            id: 'btnAddNew',
                                                            caption: 'Add',
                                                            style: Terrasoft.controls.ButtonEnums.style.RED,
                                                            tag: 'addNew',
                                                            visible: true,
                                                            click: {
                                                                bindTo: 'onAddNewButtonClick'
                                                            }
                                                        }
                                            ]
                                        },
                                        {
                                            className: 'Terrasoft.Container',
                                            id: 'gridArea',
                                            selectors: {
                                                wrapEl: '#gridArea'
                                            },
                                            classes: {
                                                wrapClassName: ['container-spacing']
                                            },
                                            items: [
                                                        {
                                                            className: 'Terrasoft.Grid',
                                                            type: 'tiled',
                                                            primaryColumnName: 'Name',
                                                            activeRow: {
                                                                bindTo: 'activeRowId'
                                                            },
                                                            captionsConfig: [
                                                                        {
                                                                            cols: 12,
                                                                            name: '2'
                                                                        }
                                                            ],
                                                            columnsConfig: [
                                                                        [
                                                                                {
                                                                                    cols: 24,
                                                                                    key: [
                                                                                                {
                                                                                                    name: {
                                                                                                        bindTo: 'Name'
                                                                                                    },
                                                                                                    type: 'title'
                                                                                                }
                                                                                    ]
                                                                                }
                                                                        ]
                                                            ],
                                                            isEmpty: {
                                                                bindTo: 'gridEmpty'
                                                            },
                                                            collection: {
                                                                bindTo: 'gridData'
                                                            },
                                                            activeRowAction: {
                                                                bindTo: 'onActiveRowSelect'
                                                            },
                                                            activeRowActions: [
                                                                        {
                                                                            className: 'Terrasoft.Button',
                                                                            style: Terrasoft.controls.ButtonEnums.style.BLUE,
                                                                            caption: '4',
                                                                            tag: 'View'
                                                                        },
                                                                        {
                                                                            className: 'Terrasoft.Button',
                                                                            style: Terrasoft.controls.ButtonEnums.style.BLUE,
                                                                            caption: '5',
                                                                            tag: 'Edit'
                                                                        },
                                                                        {
                                                                            className: 'Terrasoft.Button',
                                                                            style: Terrasoft.controls.ButtonEnums.style.GREY,
                                                                            caption: '6',
                                                                            tag: 'Delete'
                                                                        }
                                                            ]
                                                        }
                                            ]
                                        }
                    ]
                });
                return container;
            }

            var getViewModel = function () {
                return Ext.create('Terrasoft.BaseViewModel', {
                    entitySchema: Ext.create("Terrasoft.BaseEntitySchema", { columns: {} }),
                    values: {
                        gridEmpty: true,
                        activeRowId: null,
                        gridData: Ext.create('Terrasoft.BaseViewModelCollection', {
                            rowConfig: { Name: 'Name'/*, Id: 'Id'*/ }
                        })
                    },
                    methods: {
                        onActiveRowSelect: function (tag) {
                            if (tag === 'Delete') {
                                this.onDeleteButtonClick();
                            } else if (tag === 'Edit') {
                                this.onEditButtonClick();
                            } else if (tag === 'View') {
                                this.onViewButtonClick();
                            }
                        },
                        onAddNewButtonClick: function () {
                            var newCardModuleId = sandbox.id + '_CardModule_' + this.entitySchema.name;
                            //renderContainer = Ext.get('centerPanel');
                            sandbox.subscribe('CardModuleEntityInfo', function (args) {
                                var entityInfo = {};
                                entityInfo.action = 'add';
                                entityInfo.cardSchemaName = 'GeneratedWebFormPage';
                                entityInfo.activeRow = '';
                                return entityInfo;
                            }, [newCardModuleId]);
                            this.cardModuleResponse = null;
                            var scope = this;
                            sandbox.subscribe('CardModuleResponse', function (response) {
                                scope.cardModuleResponse = response;
                            }, [newCardModuleId]);
                            var params = sandbox.publish('GetHistoryState');
                            sandbox.publish('PushHistoryState', { hash: params.hash.historyState });
                            sandbox.loadModule('CardModule', {
                                renderTo: renderContainer,
                                id: newCardModuleId,
                                keepAlive: true
                            })
                        },
                        onDeleteButtonClick: function () {
                            var recordId = getActiveRow(this);
                            if (recordId) {
                                var scope = this;
                                var cfg = {
                                    style: Terrasoft.MessageBoxStyles.BLUE
                                };
                                scope.showConfirmationDialog(
                                                                resources.localizableStrings.DeleteConfirmation,
                                                                function getSelectedButton(returnCode) {
                                                                    if (returnCode === Terrasoft.MessageBoxButtons.YES.returnCode) {
                                                                        var deleteQuery = Ext.create('Terrasoft.DeleteQuery', {
                                                                            rootSchemaName: 'GeneratedWebForm'
                                                                        });
                                                                        deleteQuery.filters.add('IdFilter',
                                                                                        deleteQuery.createColumnFilterWithParameter(Terrasoft.ComparisonType.EQUAL,
                                                                                                'Id', recordId));
                                                                        deleteQuery.execute(function (response) {
                                                                            scope.getData();
                                                                        }, scope);
                                                                    }
                                                                }, ['yes', 'no'], cfg);
                            }
                        },
                        onEditButtonClick: function () {
                            var recordId = getActiveRow(this);
                            sandbox.publish('PushHistoryState',
                                                        {
                                                            hash: 'GeneratedWebFormPage',
                                                            stateObj: { id: recordId }
                                                        });
                        },
                        onViewButtonClick: function () {
                            var recordId = getActiveRow(this);
                            sandbox.publish('PushHistoryState',
                                                        {
                                                            hash: 'GeneratedWebFormPage',
                                                            stateObj: { id: recordId }
                                                        });
                        },
                        onLoad: function () {
                            loadGridData(this);
                        }
                    }
                });
            }
           
            function loadGridData(scope) {
                var request = Terrasoft.AjaxProvider.request({
                    url: "../rest/TestService/TestServiceMethod",
                    headers: {
                        'Accept': 'application/json',
                        'Content-Type': 'application/json'
                    },
                    method: 'POST',
                    jsonData: 'plaintext',
                    callback: function (request, success, response) {
                        if (success) {
                            loadGridDataFromJson(response.responseText, scope);
                        }
                    },
                    scope: this
                });
            }
           
            function loadGridDataFromJson(dataJson, scope) {

                var data = Ext.JSON.decode(dataJson);
                data = Ext.JSON.decode(data.TestServiceMethodResult);
                var newCollection = Ext.create("Terrasoft.Collection");
                Terrasoft.each(data, function (item, key) {
                    var model = Ext.create("Terrasoft.BaseViewModel", {
                        rowConfig: {
                            Id: {
                                columnPath: "Id",
                                dataValueType: Terrasoft.DataValueType.GUID
                            },
                            Name: {
                                columnPath: "Name",
                                dataValueType: Terrasoft.DataValueType.TEXT
                            }
                        },
                        values: {
                            Id: Terrasoft.generateGUID(),
                            Name: item.Name
                        }
                    });
                    newCollection.add(model.get("Id"), model);
                }, this);
                var testGridData = scope.get("gridData");
                scope.set("gridEmpty", newCollection.getCount() === 0);
                testGridData.loadAll(newCollection);

            }

            function getActiveRow(scope) {
                var activeRow = scope.get('activeRowId');
                if (activeRow) {
                    var gridData = scope.get('gridData');
                    return gridData.get(activeRow);
                }
                return null;
            }

            function init() {

            }

            function render(renderTo) {
                renderContainer = renderTo;
                if (viewModel) {
                    var config = getView();
                    var view = Ext.create(config.className || 'Terrasoft.Container', config);
                    view.bind(viewModel);
                    view.render(renderTo);
                    return;
                }
                var view = getView();
                viewModel = getViewModel();
                view.bind(viewModel);
                view.render(renderTo);
            }

            return {
                init: init,
                render: render
            }
        });

и WCF-сервис, возвращающий пары Id, Name.
Сейчас при переходе в модуль данные не подгружаются:

Судя по всему, почему-то не отрабатывает метод onLoad в getViewModel(). В чем может быть ошибка?

Заранее спасибо

Нравится

1 комментарий
Андрей Каспаревич
1 декабря 2014 15:19

Здравтсвуйте, Акмаль!
Метод onLoad и не должен сам по себе вызываться. Вам необходимо его явно вызвать в init или в render.

Показать все комментарии
Подписаться на ViewModule