Hi Telerik Team,
I've have grid using external detail template. This is explained in web demos in here http://demos.kendoui.com/web/grid/detailtemplate.html
I'm trying to do exactly same functionality with Java Server Pages. Here is my JSTL code:
And my JS looks like this:
My html looks like this:
I cant figure out what is happening here? If I remove #= ${attribute.name} # from my JSTL then template is workin but values are not binded to placeholders.
I've have grid using external detail template. This is explained in web demos in here http://demos.kendoui.com/web/grid/detailtemplate.html
I'm trying to do exactly same functionality with Java Server Pages. Here is my JSTL code:
<script type="text/x-kendo-template" id="${attribute.name}-template"><div class="${attribute.name}-tabstrip"> <ul> <c:forEach var="attributeGroup" items="${mlib:attributeGroupSortByName(attribute.definition.templateObject.attributeGroups)}" varStatus="stat"> <li <c:if test="${stat.index == 0}">class="k-state-active"</c:if>>${attributeGroup.name}</li> </c:forEach> </ul> <c:forEach var="ag" items="${attribute.definition.templateObject.attributeGroups}"> <div> <ul> <c:forEach var="attribute" items="${mlib:sortAttributesByOrder(ag.attributes)}"> <li><label>${attribute.definition.desc.text}:</label>#= ${attribute.name} #</li> </c:forEach> </ul> </div> </c:forEach></div></script>detailTemplate: kendo.template($("#class_refs-template").html()),detailInit: function( e ) { var detailRow = e.detailRow; detailRow.find(".class_refs-tabstrip").kendoTabStrip({ animation: { open: { effects: "fadeIn" } } });}My html looks like this:
<div class="class_refs-tabstrip"><ul> <li class="k-state-active">Header Description</li> <li >Others</li> <li >system</li></ul><div><ul> <li><label>Description:</label> #= foo# </li> <li><label>Description:</label> #= bar# </li> <li><label>Description:</label> #= foo# </li> <li><label>Description:</label> #= foo# </li> <li><label>Description:</label> #= foo# </li> <li><label>Description:</label> #= foo# </li> <li><label>Description:</label> #= bar# </li> <li><label>Description:</label> #= foo# </li> </ul></div>...