define([
|
"dojo/_base/array", // array.forEach array.map
|
"dojo/aspect", // aspect.after
|
"dojo/_base/declare", // declare
|
"dojo/_base/lang", // lang.getObject
|
"dojo/parser", // parser._functionFromScript
|
"dojo/query", // query
|
"./_Widget",
|
"./_TemplatedMixin",
|
"./_WidgetsInTemplateMixin",
|
"dojo/NodeList-dom"
|
], function(array, aspect, declare, lang, parser, query, _Widget, _TemplatedMixin, _WidgetsInTemplateMixin){
|
|
// module:
|
// dijit/Declaration
|
|
return declare("dijit.Declaration", _Widget, {
|
// summary:
|
// The Declaration widget allows a developer to declare new widget
|
// classes directly from a snippet of markup.
|
|
// _noScript: [private] Boolean
|
// Flag to parser to leave alone the script tags contained inside of me
|
_noScript: true,
|
|
// stopParser: [private] Boolean
|
// Flag to parser to not try and parse widgets declared inside of me
|
stopParser: true,
|
|
// widgetClass: [const] String
|
// Name of class being declared, ex: "acme.myWidget"
|
widgetClass: "",
|
|
// propList: [const] Object
|
// Set of attributes for this widget along with default values, ex:
|
// {delay: 100, title: "hello world"}
|
defaults: null,
|
|
// mixins: [const] String[]
|
// List containing the prototype for this widget, and also any mixins,
|
// ex: ["dijit._Widget", "dijit._Container"]
|
mixins: [],
|
|
buildRendering: function(){
|
var src = this.srcNodeRef.parentNode.removeChild(this.srcNodeRef),
|
methods = query("> script[type='dojo/method']", src).orphan(),
|
connects = query("> script[type='dojo/connect']", src).orphan(), // remove for 2.0
|
aspects = query("> script[type='dojo/aspect']", src).orphan(),
|
srcType = src.nodeName;
|
|
var propList = this.defaults || {};
|
|
// For all methods defined like <script type="dojo/method" data-dojo-event="foo">,
|
// add that method to prototype.
|
// If there's no "event" specified then it's code to run on instantiation,
|
// so it becomes a connection to "postscript" (handled below).
|
array.forEach(methods, function(s){
|
var evt = s.getAttribute("event") || s.getAttribute("data-dojo-event"), // remove "event" for 2.0
|
func = parser._functionFromScript(s, "data-dojo-");
|
if(evt){
|
propList[evt] = func;
|
}else{
|
aspects.push(s);
|
}
|
});
|
|
// map array of strings like [ "dijit.form.Button" ] to array of mixin objects
|
// (note that array.map(this.mixins, lang.getObject) doesn't work because it passes
|
// a bogus third argument to getObject(), confusing it)
|
if(this.mixins.length){
|
this.mixins = array.map(this.mixins, function(name){ return lang.getObject(name); } );
|
}else{
|
this.mixins = [ _Widget, _TemplatedMixin, _WidgetsInTemplateMixin ];
|
}
|
|
propList._skipNodeCache = true;
|
propList.templateString =
|
"<"+srcType+" class='"+src.className+"'" +
|
" data-dojo-attach-point='"+
|
(src.getAttribute("data-dojo-attach-point") || src.getAttribute("dojoAttachPoint") || '')+
|
"' data-dojo-attach-event='"+
|
(src.getAttribute("data-dojo-attach-event") || src.getAttribute("dojoAttachEvent") || '')+
|
"' >"+src.innerHTML.replace(/\%7B/g,"{").replace(/\%7D/g,"}")+"</"+srcType+">";
|
|
// create the new widget class
|
var wc = declare(
|
this.widgetClass,
|
this.mixins,
|
propList
|
);
|
|
// Handle <script> blocks of form:
|
// <script type="dojo/aspect" data-dojo-advice="after" data-dojo-method="foo">
|
// and
|
// <script type="dojo/method">
|
// (Note that the second one is just shorthand for a dojo/aspect to postscript)
|
// Since this is a connect in the declaration, we are actually connection to the method
|
// in the _prototype_.
|
array.forEach(aspects, function(s){
|
var advice = s.getAttribute("data-dojo-advice") || "after",
|
method = s.getAttribute("data-dojo-method") || "postscript",
|
func = parser._functionFromScript(s);
|
aspect.after(wc.prototype, method, func, true);
|
});
|
|
// Handle legacy <script type="dojo/connect" data-dojo-event="foo">.
|
// Remove for 2.0.
|
array.forEach(connects, function(s){
|
var evt = s.getAttribute("event") || s.getAttribute("data-dojo-event"),
|
func = parser._functionFromScript(s);
|
aspect.after(wc.prototype, evt, func, true);
|
});
|
}
|
});
|
});
|
