JSFiddle - React, Tailwind, and code Playground

by abackstrom

HTML

<script src="http://s0.plymouth.edu/js/standard/jsviews.js"></script>
<div id="container"></div>

<script id="t-parent" type="text/x-jquery-tmpl">
    <h1>{{=section}}</h1>
    <ul>
        {{#each subsections}}
            <li>{{=subsection}} in {{=$view.parent.parent.data.section}} AKA {{section_name}}</li>
        {{/each}}
    </ul>
</script>

JavaScript

$.views.registerTags({
    section_name: function() {
        return this._view.parent.parent.data.section;
    }
});

var o = { section: "Sample", subsections: [ { subsection: "Skydiving"}, { subsection: "Skiing"} ] };

$('#container').html($('#t-parent').render(o));