##// END OF EJS Templates
implab » implabjs-djx
RSS
minor fix
cin -
r83:2807ab11174c v1.2.5 default
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,112 +1,113
1 import { djbase, djclass, prototype } from "../declare";
1 import { djbase, djclass } from "../declare";
2 import _WidgetBase = require("dijit/_WidgetBase");
2 import _WidgetBase = require("dijit/_WidgetBase");
3 import _AttachMixin = require("dijit/_AttachMixin");
3 import _AttachMixin = require("dijit/_AttachMixin");
4 import { Rendition, isNode } from "./traits";
4 import { Rendition, isNode } from "./traits";
5 import registry = require("dijit/registry");
5 import registry = require("dijit/registry");
6
6
7 // type Handle = dojo.Handle;
7 // type Handle = dojo.Handle;
8
8
9 export interface EventArgs {
9 export interface EventArgs {
10 bubbles?: boolean;
10 bubbles?: boolean;
11
11
12 cancelable?: boolean;
12 cancelable?: boolean;
13
13
14 composed?: boolean;
14 composed?: boolean;
15 }
15 }
16
16
17 export interface DjxWidgetBase<Attrs = {}, Events extends { [name in keyof Events]: Event } = {}> extends
17 export interface DjxWidgetBase<Attrs = {}, Events extends { [name in keyof Events]: Event } = {}> extends
18 _WidgetBase<Events> {
18 _WidgetBase<Events> {
19
19
20 /** This property is declared only for type inference to work, it is never assigned
20 /** This property is declared only for type inference to work, it is never assigned
21 * and should not be used.
21 * and should not be used.
22 */
22 */
23 readonly _eventMap: Events & GlobalEventHandlersEventMap;
23 readonly _eventMap: Events & GlobalEventHandlersEventMap;
24
24
25 /** The list of pairs of event and method names. When the widget is created all methods from
25 /** The list of pairs of event and method names. When the widget is created all methods from
26 * this list will be connected to corresponding events.
26 * this list will be connected to corresponding events.
27 *
27 *
28 * This property is maintained in the prototype
28 * This property is maintained in the prototype
29 */
29 */
30 _eventHandlers: Array<{
30 _eventHandlers: Array<{
31 eventName: string,
31 eventName: string,
32 handlerMethod: keyof any;
32 handlerMethod: keyof any;
33 }>;
33 }>;
34 }
34 }
35
35
36 type _super = {
36 type _super = {
37 startup(): void;
37 startup(): void;
38 };
38 };
39
39
40 @djclass
40 @djclass
41 export abstract class DjxWidgetBase<Attrs = {}, Events = {}> extends djbase<_super, _AttachMixin>(_WidgetBase, _AttachMixin) {
41 export abstract class DjxWidgetBase<Attrs = {}, Events = {}> extends djbase<_super, _AttachMixin>(_WidgetBase, _AttachMixin) {
42
42
43 buildRendering() {
43 buildRendering() {
44 this.domNode = this.render().getDomNode();
44 this.domNode = this.render().getDomNode();
45 super.buildRendering();
45 super.buildRendering();
46
46
47 // now we should get assigned data-dojo-attach-points
47 // now we should get assigned data-dojo-attach-points
48 // place the contents of the original srcNode to the containerNode
48 // place the contents of the original srcNode to the containerNode
49 const src = this.srcNodeRef;
49 const src = this.srcNodeRef;
50 const dest = this.containerNode;
50 const dest = this.containerNode;
51
51
52 // the donNode is constructed now we need to connect event handlers
52 // the donNode is constructed now we need to connect event handlers
53 this._connectEventHandlers();
53 this._connectEventHandlers();
54
54
55 if (src && dest) {
55 if (src && dest) {
56 while (src.firstChild)
56 while (src.firstChild)
57 dest.appendChild(src.firstChild);
57 dest.appendChild(src.firstChild);
58 }
58 }
59 }
59 }
60
60
61 abstract render(): Rendition<HTMLElement>;
61 abstract render(): Rendition<HTMLElement>;
62
62
63 private _connectEventHandlers() {
63 private _connectEventHandlers() {
64 if (this._eventHandlers)
64 this._eventHandlers.forEach(({eventName, handlerMethod}) => {
65 this._eventHandlers.forEach(({ eventName, handlerMethod }) => {
65 const handler = this[handlerMethod as keyof this];
66 const handler = this[handlerMethod as keyof this];
66 if (typeof handler === "function")
67 if (typeof handler === "function")
67 this.on(eventName, handler.bind(this));
68 this.on(eventName, handler.bind(this));
68 });
69 });
69 }
70 }
70
71
71 _processTemplateNode<T extends (Element | Node | _WidgetBase)>(
72 _processTemplateNode<T extends (Element | Node | _WidgetBase)>(
72 baseNode: T,
73 baseNode: T,
73 getAttrFunc: (baseNode: T, attr: string) => any,
74 getAttrFunc: (baseNode: T, attr: string) => any,
74 // tslint:disable-next-line: ban-types
75 // tslint:disable-next-line: ban-types
75 attachFunc: (node: T, type: string, func?: Function) => dojo.Handle
76 attachFunc: (node: T, type: string, func?: Function) => dojo.Handle
76 ): boolean {
77 ): boolean {
77 if (isNode(baseNode)) {
78 if (isNode(baseNode)) {
78 const w = registry.byNode(baseNode);
79 const w = registry.byNode(baseNode);
79 if (w) {
80 if (w) {
80 // from dijit/_WidgetsInTemplateMixin
81 // from dijit/_WidgetsInTemplateMixin
81 this._processTemplateNode(w,
82 this._processTemplateNode(w,
82 (n, p) => n.get(p as any), // callback to get a property of a widget
83 (n, p) => n.get(p as any), // callback to get a property of a widget
83 (widget, type, callback) => {
84 (widget, type, callback) => {
84 if (!callback)
85 if (!callback)
85 throw new Error("The callback must be specified");
86 throw new Error("The callback must be specified");
86
87
87 // callback to do data-dojo-attach-event to a widget
88 // callback to do data-dojo-attach-event to a widget
88 if (type in widget) {
89 if (type in widget) {
89 // back-compat, remove for 2.0
90 // back-compat, remove for 2.0
90 return widget.connect(widget, type, callback as EventListener);
91 return widget.connect(widget, type, callback as EventListener);
91 } else {
92 } else {
92 // 1.x may never hit this branch, but it's the default for 2.0
93 // 1.x may never hit this branch, but it's the default for 2.0
93 return widget.on(type, callback);
94 return widget.on(type, callback);
94 }
95 }
95
96
96 });
97 });
97 // don't process widgets internals
98 // don't process widgets internals
98 return false;
99 return false;
99 }
100 }
100 }
101 }
101 return super._processTemplateNode(baseNode, getAttrFunc, attachFunc);
102 return super._processTemplateNode(baseNode, getAttrFunc, attachFunc);
102 }
103 }
103
104
104 /** Starts current widget and all its supporting widgets (placed outside
105 /** Starts current widget and all its supporting widgets (placed outside
105 * `containerNode`) and child widgets (placed inside `containerNode`)
106 * `containerNode`) and child widgets (placed inside `containerNode`)
106 */
107 */
107 startup() {
108 startup() {
108 // startup supporting widgets
109 // startup supporting widgets
109 registry.findWidgets(this.domNode, this.containerNode).forEach(w => w.startup());
110 registry.findWidgets(this.domNode, this.containerNode).forEach(w => w.startup());
110 super.startup();
111 super.startup();
111 }
112 }
112 }
113 }
General Comments 0
You need to be logged in to leave comments. Login now