Проблема привязки пользовательского составного элемента управления со скрытой агрегацией - PullRequest
Новая
       15

Проблема привязки пользовательского составного элемента управления со скрытой агрегацией

0 голосов
/ 06 марта 2019

Я сталкиваюсь с проблемой при выполнении агрегирования, связывающего пользовательский элемент управления.Я не могу выполнить двустороннюю привязку данных с внутренним элементом пользовательского элемента управления.

Пользовательский элемент управления: 

(function(){
    "use strict";

    var PriceRangeComponent = sap.ui.core.Control.extend('PriceRangeComponent', {
        constructor: function(mSettings) {
            sap.ui.core.Control.apply(this, arguments);

            this.ef = new sap.m.Input({
                width: '100px',
                value: mSettings.value,
                enabled: mSettings.enabled
            }).attachChange(function(evt){
                console.log(evt);
            });

            this.setAggregation('_ef', this.ef);
        },

        metadata: {
            properties: {
                enabled: { type: 'boolean', defaultValue: true },
                value: { type: 'String', defaultValue: "" }
            },

            events: {
            },

            aggregations: {
                _ef: { type: 'sap.m.Input', multiple: false, visibility: 'hidden' }
            }
        },

        init: function() {
        },

        renderer: function(oRM, oControl) {
            oRM.renderControl(oControl.getAggregation('_ef'));
        },

        setValue: function (sValue) {
            this.ef.setValue(sValue);
        },

        setEnabled: function (bValue) {
            this.ef.setEnabled(bValue);
        },

        getValue: function(){
            return this.ef.getProperty("value");
        },

        getEnabled: function(){
            return this.ef.getProperty("enabled");
        }

    });

    PriceRangeComponent.prototype.clone = function(){
        var clone = sap.ui.core.Control.prototype.clone.apply(this, arguments),
            bindingInfo;

        clone.ef.bindProperty("value",this.getBindingInfo("value"));

        return clone;
    };

    return PriceRangeComponent;
})();

В элементе управления я хочу сделатьдвустороннее связывание данных с внешней моделью.

использование настраиваемого элемента управления: 

var priceGridwindowShade = new sap.ui.commons.windowshade.WindowShade({
            openFirstSection:false,
            sections:[],
            //layoutData: new sap.ui.layout.GridData({span: "L9 M9"}),
            width: "800px",

        });

        var oTemplateSection = new sap.ui.commons.windowshade.WindowShadeSection({
            title: {
                parts: [
                    {path: "startRange"},{path: "endRange"}
                ],
                formatter: function(startRange, endRange){
                    //console.log(val);
                    return startRange + " to " + endRange;
                }
            },
            content: [
                new PriceRangeComponent({
                    value: "{startRange}"
                }),

                new sap.m.Input({ // this input is for checking the 2 way data binding
                    width: "80px",
                    value: "{startRange}"
                })
            ]
        });

        priceGridwindowShade.bindAggregation("sections", {
            path: "/items",
            template: oTemplateSection,
            templateShareable: true});

        return priceGridwindowShade;

Пожалуйста, помогите мне.Когда я просто создаю экземпляр элемента управления и связываю свойства, двусторонняя привязка работает правильно.Просто он перестает работать, когда я делаю привязку агрегации.

1 Ответ

0 голосов
/ 07 марта 2019

Прежде всего вы вообще не настраиваете свойства своего пользовательского элемента управления, а только свойства внутреннего ввода.Попробуйте что-нибудьвот так для всех сеттеров и удалите геттеры: 

setValue: function (sValue) {
  this.setProperty('value', sValue, true /* bSupressInvalidate */);
  this.ef.setValue(sValue);
},

И вам нужно заполнить значение вашего ввода в обратном направлении (сделайте это в init): 

init: function() {
  this.ef = new sap.m.Input({
    width: '100px'
  }).attachChange(function(oEv) {
    this.setValue(oEv.getParameters("value"));
  }.bind(this));

  this.setAggregation('_ef', this.ef);
}

Ещепримечания:

  • Для инициализации используйте init вместо переопределения constructor
  • Используйте AMD

Если вы используетеВ более новой версии SAPUI5 (я думаю, 1.58+) вы также можете взглянуть на XML Composite Controls .

BR Chris

...