JSFiddle - React, Tailwind, and code Playground

by korchev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<h3>Template where useWithBlock = true (the default)</h3>

<pre id="useWithBlockTrue">
</pre>

<h3>Template where useWithBlock = faster (faster but you have to prefix all field access)</h3>

<pre id="useWithBlockFalse">
</pre>

JavaScript

var useWithBlockTrueTemplate = kendo.template("#= foo #");

var useWithBlockFalseTemplate = kendo.template("#= data.foo #", { useWithBlock: false});

$("#useWithBlockFalse").text(useWithBlockFalseTemplate.toString())
    
$("#useWithBlockTrue").text(useWithBlockTrueTemplate.toString())