Create HTML markup from one or more objects.
| Parameter | Type | Description |
|---|---|---|
| renderParams | Object | Rendering options. See below. |
renderParams object properties:
| Property | Type | Description |
|---|---|---|
| object | Object | Object to use to resolve property references in the template. |
| collection | Array | List of objects to bind individually to a template to create a list. |
| attributes | Object | Additional object used to resolve property references when the property does not exist in object or the appropriate collection element. |
| formatters | Object | Hash of property names to formatter functions to be applied before rendering. See Mojo.Model.format(). |
| tempate | String | Partial or full path to the template. |
| separator | String | Partial or full path to template to use as a separator between individual list elements. |
Example usage:
html = Mojo.View.render(
{
object: {
count: this.targetEventAttendees.attendees.size()
},
template: 'participants/participant-count'
}
)
this.controller.get('partv_count_div').update(html);
Example usage 2:
var theDate = new Date(date);
var y = Mojo.Format.formatDate(theDate, "yyyy");
var m = Mojo.Format.formatDate(theDate, "MMM").toUpperCase();
var d = Mojo.Format.formatDate(theDate, "dd");
var button = Mojo.View.render({object: {label: $L("Date"), year: y, month: m, day: d},
template: "datetime/datePicker"});
dateDiv.insert(button);
var items = dateDiv.childElements();
button = items[items.size() - 1];
Example usage 3:
var content = Mojo.View.render({collection: songs,
template: 'list/song', separator: 'list/separator''})
listElement.innerHTML = content;







0 Comments