tomasz/samples
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Refactoring template and adding titlepane.

Browse source
This commit is contained in:
Tomasz Półgrabia 2022-01-11 20:56:21 +01:00
parent ede67c303b
commit 17a73b45e7
5 changed files with 58 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

27
2021/12/dojo_demo2/app/widgets/MainWidget.js
View file

@ -5,17 +5,28 @@ define([
"dijit/_AttachMixin",
"dijit/_WidgetBase",
"dojo/_base/declare",
"dojo/text!./MainWidget.html",
"dijit/TitlePane",
"dijit/form/TextBox",
"./ChildWidget2"
], function(require, _TemplatedMixin, _WidgetsInTemplateMixin, _AttachMixin, _WidgetBase, declare) {
], function(require, _TemplatedMixin, _WidgetsInTemplateMixin, _AttachMixin, _WidgetBase, declare, template) {
return declare("app/widgets/MainWidget", [_WidgetBase, _AttachMixin, _TemplatedMixin, _WidgetsInTemplateMixin], {
contextRequire: require,
templateString: "<div>"
// + "Hello World!!! <input data-dojo-type=\"dijit/form/TextBox\" />"
// this works as it's dijit
+ "<div data-dojo-type=\"./ChildWidget2\"></div>"
// this doesn't work as it's trying to fetch ./node_modules/dojo/ChildWidget which seems to be
// relative to dojo/parser dojo/parser
+ "</div>"
templateString: template,
postCreate: function() {
this.inherited(arguments);
let pane1Toggle = this.pane1.toggle.bind(this.pane1);
let pane2Toggle = this.pane2.toggle.bind(this.pane2);
this.pane1.arrowNode.innerHTML = '<span class="fa fa-chevron-up"><br /></span> ';
this.pane1.toggle = this.pane2.toggle = (function() {
this.pane1.arrowNode.innerHTML = this.pane1.open
? '<span class="fa fa-chevron-up"><br /></span> '
: '<span class="fa fa-chevron-down"><br /></span> ';
pane1Toggle();
pane2Toggle();
}).bind(this);
}
});
});