Есть модульное окно dijit/Dialog
, в нем должено отображаться содержимое <div class="wrap-filters-table">
, но вместо этого он просто пишет [object HTMLDivElement]
.
Вопрос, как заставить его отображаться корректно?
toggle: function() {
var self = this;
var myDialog = new Dialog({
title: 'My Dialog',
content:'<div class="data-action">' + this.wrapFiltersTableNode + '</div>' + '<br>' +
'<div class="center margin-top">' +
'<button data-action="cancel">Cancel</button>' +
' ' +
'<button data-action="ok">OK</button>' +
'</div>',
style: 'width: 600px; height: 1000px;'
});
myDialog.show();
this.wrapFiltersTableNode = this.dom.querySelector('.wrap-filters-table');
this.dom.classList.toggle('short');
this.updateButtonLabel();
},
Должно отображаться содержимое объекта, следующее примерно : http://jsbin.com/xeyinuroku/edit?html,css,output
Сам div выглядит так:
<div class="wrap-filters-table">
<div class="filter">
...
</div>
<div class="filter">
...
</div>
<div class="filter">
...
</div>
</div>
В данном случае вставляется непосредственно объект html-элемента, в то время как необходимо вставить его содержимое.
Для получения можно воспользоваться свойством innerHTML
content:'<div class="data-action">' + this.wrapFiltersTableNode.innerHTML + '</div>'
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Здравствуйте, подскажите пожалуйста, как задать css-класс компоненту при его создании динамическиКусок кода:
Как сделать, чтобы в слайдере Swiper при прокрутке последнего слайдера снова начиналось все по новой? По дефолту он не дает его прокрутитьВ API не могу...
ЗдравствуйтеХочу сделать на страничке вывод товаров блоками, по три в ряд