tadatuta
commented
9 years ago Привет!
Есть несколько вариантов:
1) Превратить новые блоки в элементы (вместо taskmanager-header сделать taskmanager__header и аналогично для taskmanager-body'). Тогда прежный JS продолжить работать вообще без изменений.
2) Примиксовать к тем сущностям, к которым требуется доступ из блока taskmanager его элементы и обращаться к ним. В BEMJSON это может быть представлено как:
{
block: 'input',
mix: { block: 'taskmanager', elem: 'input' }
}Тогда из JS блока taskmanager добраться до API инпута можно через this.findBlockInside(this.elem('input'), 'input'); // первый опциональный аргумент задает контекст поиска
3) При отправке формы в taskmanager-body генерировать событие (this.emit('submit', newValue)) и подписываться на него из taskmanager:
modules.define('taskmanager', ['i-bem__dom', 'taskmanager-body'], function(provide, BEMDOM, TaskmanagerBody) {
provide(BEMDOM.decl(this.name, {
onSetMod: {
js: {
inited: function() {
TaskmanagerBody.on(this.domElem, 'submit', function(e, data) { // подписываемся на событие submit всех блоков TaskmanagerBody в контексте текущего DOM-узла
console.log(data); // здесь будет переданное значение
});
}
}
}
}));
});4) Реализовать связь между блоками с помощью https://ru.bem.info/libs/bem-core/v2/desktop/events/
5) (Плохой вариант) Искать нужные блоки с помощью цепочек findBlockInside().
godfreyd
Всем привет! Начал разбираться с i-bem.js и возникли некоторые вопросы. В качестве тестового примера взял статью на вашем форуме https://ru.bem.info/tutorials/quick-start-static/
Создал блок с произвольным названием taskmanager, здесь код BEMJSON-блока taskmanager https://github.com/Sergei-b84/test/blob/master/1.bemjson Динамическую функциональность данного блока описал в taskmanager.js файле https://github.com/Sergei-b84/test/blob/master/taskmanager.js Файловое размещение стандартное, поэтому описывать его не стал. В общем все отработало хорошо.
Теперь я хочу усложнить структуру моего блока taskmanager и сделать ее такой https://github.com/Sergei-b84/test/blob/master/2.bemjson А вот как переписать мой taskmanager.js файл не знаю. Помогите пожалуйста. Как искать элементы, если появились вложенные дополнительные блоки, как описать эти блоки? Жду ответа. Спасибо.