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
>
...