Связывание между компонентами ExtJS

У меня есть два компонента, которые взаимодействуют друг с другом (привязка). Они внутри в одном контейнере и привязка работают нормально, но когда я хочу повторно использовать компонент предварительного просмотра электронной почты в другом контейнере, привязка не работает. Мой код:

Ext.define('Admin.view.mailings.MailingsEmailWizard', {
extend: 'Ext.panel.Panel',
xtype: 'wizardemailmailing',
requires: ['Admin.view.mailings.MailingsEmailWizardModel'],

bodyPadding: 15,

height: '100%',

layout: 'card',

controller: 'wizardemailmailing',

viewModel: {
    type: 'wizardemailmailing'
},

defaults : {
    /*
     * Seek out the first enabled, focusable, empty textfield when the form is focused
     */
    defaultFocus: 'textfield:not([value]):focusable:not([disabled])',

    defaultButton : 'nextbutton'
},

items: [
    {
        xtype: 'container',
        itemId: 'mailingEmailContainer',
        layout: {
            type: 'hbox',
            align: 'stretch'
        },
        viewModel: {
            type: 'wizardemailmailing'
        },
        width: '40%',
        defaults: {
            cls: 'mailing-email-container',
            margin: '0 20 20 0'
        },
        items: [
            {
                xtype: 'edit-email'
            },
            {
                xtype: 'preview-email'
            }
        ]
    },
    {
        xtype: 'import-contacts'
    },
    {
        xtype: 'preview-email'
    }
],

Пожалуйста, помогите мне кто-нибудь. Мой вид выглядит как карточка и имеет 3 шага.

Попробуйте удалить внутри viewModel с помощью mailingEmailContainer и проверьте, работает он или нет.

Narendra Jadhav 10.09.2018 10:57

@NarendraJadhav Спасибо, это работает, но когда я меняю viewModel из контроллера с помощью this.getViewModel (). Set ('logo', urls [0]), данные в компоненте не меняются

a.yushko 10.09.2018 11:56

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

Narendra Jadhav 10.09.2018 12:25

@NarendraJadhav Я отлаживаю свою модель просмотра кода, у нее новое значение внутри, но в компоненте он не меняется

a.yushko 10.09.2018 12:55

ок Можете ли вы создать рабочий рабочий пример? поэтому я постараюсь проверить проблему

Narendra Jadhav 10.09.2018 13:07

@NarendraJadhav Да, я могу. Но это слишком много кода, может я прикреплю код для контроллера и компонента?

a.yushko 10.09.2018 13:20

Хорошо, сделай это Прилагаю код для контроллера и компонента

Narendra Jadhav 10.09.2018 13:32

@NarendraJadhav Я обнаружил проблему. Все работает нормально, спасибо за помощь. Я забыл добавить свойство привязки в данные компонента (

a.yushko 10.09.2018 13:34
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
8
140
0

Другие вопросы по теме