Defiant Render Example

by Hakan Bilgin

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<div id="output"></div>

<script type="defiant/xsl-template">
    <xsl:template name="products">
        <xsl:for-each select="//*[prod]">
            <xsl:sort order="ascending" select="prod"/>
            <xsl:value-of select="prod"/><br/>
        </xsl:for-each>
    </xsl:template>
</script>

JavaScript

var data = [
        {
            "position": 12,
            "prod": "Philips Shl5001 Hi Fi",
            "price": "Rs. 1000"
        },
        {
            "position": 12,
            "prod": "Philips Shl5000 Hi Fi",
            "price": "Rs. 1030"
        }
    ],
    htm = Defiant.render( 'products', data );

document.getElementById('output').innerHTML = htm;