mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-05-24 02:04:07 +00:00
Moved render() and renderInDom() into widget base class
This commit is contained in:
parent
94d1c20846
commit
5c1caa672b
@ -25,6 +25,32 @@ WidgetBase.prototype.init = function(renderer) {
|
|||||||
this.renderer = renderer;
|
this.renderer = renderer;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
Default render() method just renders child nodes
|
||||||
|
*/
|
||||||
|
WidgetBase.prototype.render = function(type) {
|
||||||
|
var output = [];
|
||||||
|
$tw.utils.each(this.children,function(node) {
|
||||||
|
if(node.render) {
|
||||||
|
output.push(node.render(type));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return output.join("");
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
Default renderInDom() method just renders child nodes
|
||||||
|
*/
|
||||||
|
WidgetBase.prototype.renderInDom = function(parentElement) {
|
||||||
|
this.parentElement = parentElement;
|
||||||
|
// Render any child nodes
|
||||||
|
$tw.utils.each(this.children,function(node) {
|
||||||
|
if(node.renderInDom) {
|
||||||
|
parentElement.appendChild(node.renderInDom());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
exports.WidgetBase = WidgetBase;
|
exports.WidgetBase = WidgetBase;
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
@ -55,26 +55,6 @@ exports.generateChildNodes = function() {
|
|||||||
}]);
|
}]);
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
|
||||||
this.parentElement = parentElement;
|
|
||||||
// Render any child nodes
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.renderInDom) {
|
|
||||||
parentElement.appendChild(node.renderInDom());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.dispatchMessage = function(event) {
|
exports.dispatchMessage = function(event) {
|
||||||
$tw.utils.dispatchCustomEvent(event.target,this.message,{
|
$tw.utils.dispatchCustomEvent(event.target,this.message,{
|
||||||
param: this.param,
|
param: this.param,
|
||||||
|
@ -68,26 +68,6 @@ exports.generateChildNodes = function() {
|
|||||||
}]);
|
}]);
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
|
||||||
this.parentElement = parentElement;
|
|
||||||
// Render any child nodes
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.renderInDom) {
|
|
||||||
parentElement.appendChild(node.renderInDom());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.handleClickEvent = function(event) {
|
exports.handleClickEvent = function(event) {
|
||||||
if(isLinkExternal(this.to)) {
|
if(isLinkExternal(this.to)) {
|
||||||
event.target.setAttribute("target","_blank");
|
event.target.setAttribute("target","_blank");
|
||||||
|
@ -193,26 +193,6 @@ exports.findListElementByTitle = function(startIndex,title) {
|
|||||||
return undefined;
|
return undefined;
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
|
||||||
this.parentElement = parentElement;
|
|
||||||
// Render any child nodes
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.renderInDom) {
|
|
||||||
parentElement.appendChild(node.renderInDom());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
||||||
// Reexecute the widget if any of our attributes have changed
|
// Reexecute the widget if any of our attributes have changed
|
||||||
if(changedAttributes.itemClass || changedAttributes.template || changedAttributes.editTemplate || changedAttributes.emptyMessage || changedAttributes.type || changedAttributes.filter || changedAttributes.template) {
|
if(changedAttributes.itemClass || changedAttributes.template || changedAttributes.editTemplate || changedAttributes.emptyMessage || changedAttributes.type || changedAttributes.filter || changedAttributes.template) {
|
||||||
|
@ -31,16 +31,6 @@ exports.generateChildNodes = function() {
|
|||||||
this.children = this.renderer.renderTree.createRenderers(this.renderer.renderContext,this.renderer.parseTreeNode.children);
|
this.children = this.renderer.renderTree.createRenderers(this.renderer.renderContext,this.renderer.parseTreeNode.children);
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
exports.renderInDom = function(parentElement) {
|
||||||
this.parentElement = parentElement;
|
this.parentElement = parentElement;
|
||||||
// Render any child nodes
|
// Render any child nodes
|
||||||
|
@ -100,26 +100,6 @@ exports.generateChildNodes = function() {
|
|||||||
}]);
|
}]);
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
|
||||||
this.parentElement = parentElement;
|
|
||||||
// Render any child nodes
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.renderInDom) {
|
|
||||||
parentElement.appendChild(node.renderInDom());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
||||||
// Set the class for missing tiddlers
|
// Set the class for missing tiddlers
|
||||||
if(this.targetTitle) {
|
if(this.targetTitle) {
|
||||||
|
@ -95,26 +95,6 @@ exports.generateChildNodes = function() {
|
|||||||
this.children = this.viewer.render();
|
this.children = this.viewer.render();
|
||||||
};
|
};
|
||||||
|
|
||||||
exports.render = function(type) {
|
|
||||||
var output = [];
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.render) {
|
|
||||||
output.push(node.render(type));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return output.join("");
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.renderInDom = function(parentElement) {
|
|
||||||
this.parentElement = parentElement;
|
|
||||||
// Render any child nodes
|
|
||||||
$tw.utils.each(this.children,function(node) {
|
|
||||||
if(node.renderInDom) {
|
|
||||||
parentElement.appendChild(node.renderInDom());
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
exports.refreshInDom = function(changedAttributes,changedTiddlers) {
|
||||||
// Check if any of our attributes have changed, or if a tiddler we're interested in has changed
|
// Check if any of our attributes have changed, or if a tiddler we're interested in has changed
|
||||||
if(changedAttributes.tiddler || changedAttributes.field || changedAttributes.format || (this.tiddlerTitle && changedTiddlers[this.tiddlerTitle])) {
|
if(changedAttributes.tiddler || changedAttributes.field || changedAttributes.format || (this.tiddlerTitle && changedTiddlers[this.tiddlerTitle])) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user