Dojo, создание композитных виджеты

Question

Я использую додзё 1.10, и я отчаянно пытаюсь найти чистый способ для создания составных виджетов,

У меня есть следующий код:

TabsWidget.js 

require([......], function(.....template ....){ 

var Tabs = declare('...', [....], { 

templateString : template, 
region : 'center' 

}); 

var o = new Tabs({}, 'container'); 

widget.startup(); 

}); 

TabsWidget.html 


<div style="width: 100%; height: 100%;"> 
    <div-dojo-type="dijit/layout/TabContainer" style=".."> 
      ......Content pane........ 
    </div> 
</div> 

home.html 

...... 
<div data-dojo-type="TabsWidget"></div> 

Вкладка визуализации хорошо, они являются явно пустыми вкладками, и целью здесь является определение отдельного виджета, содержащего сетку и, возможно, форму поиска.

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

Может ли кто-нибудь объяснить, как это работает или указать мне на учебник/документ, указывающий, как лучше всего это сделать?

Заранее спасибо.

Answer 1

Ознакомьтесь с Доджо-доком по телефону creating template-based widgets.

Чтобы использовать свои вкладки в качестве стандартного виджета, его нужно организовать немного по-другому. В частности:

1. Использование define определить свой модуль виджета, а не require
2. Возвращение объявленная класса из модуля.

Так больше похоже:

define([ ... ], function (..., template, ...) { 
    return declare([ ... ], { 
     templateString: template, 
     ... 
    }); 
}); 

Кроме того, вы, как правило, установить свойство «область» при создании виджета, не определяя его. Сам виджет, вероятно, не использует «регион»; он предназначен для указания контейнера, в который нужно поместить виджет. Итак:

<div data-dojo-type="TabsWidget" data-dojo-props="region:center"></div> 

Answer 2

для того, чтобы достичь этого легко можно создать виджет на основе родительского шаблона с одного родительского DIV в этой бывшей: <div data-dojo-attach-point="parentDiv"> </div> и поместить вкладку или область содержимого в этом, а затем создать другой виджет на основе шаблона по отдельности и вы можете создать экземпляр этого виджета (который содержит сетку или окно поиска) из родительского виджета и разместить этот виджет в теге div панели содержимого. Вы можете генерировать события из дочерних виджетов, чтобы любая функция могла быть запущена на этом событии.

Tutor для создания виджетов на основе шаблона в додзё: http://haritechtalk.blogspot.in/2015/09/how-to-create-template-based-widget-in.html