Есть модульное окно 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>'
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости