Javascript 来自网格列数组的剑道UI动态细节模板

我正在尝试使用KendoUIGrid创建一个基于列数组的动态模板

我可以创建模板，但无法获取值

使用以下代码：detailCols[i].field，我只需要获取字段的名称。这是有道理的。但是我怎样才能得到字段的实际值呢

我不想显示“col3”（字段名），而是想显示值“val13”

多谢各位

jsFiddle：

动态模板：

#对于（var i=0；i#：detailCols[i]。标题#| val:#：detailCols[i]。字段#（需要值而不是字段名）
# } #

我想生成的内容：

第3列| val:#：col3#
第4列| val:#：col4#

var数据=[
{col1:“val11”，col2:“val12”，col3:“val13”，col4:“val14”}，
{col1:“val21”，col2:“val22”，col3:“val23”，col4:“val24”}]
var mainCols=[
{字段：“col1”，标题：“第1列”}，
{字段：“col2”，标题：“第2列”}]
var detailCols=[
{字段：“col3”，标题：“第3列”}，
{字段：“col4”，标题：“第4列”}]
var dataSource=new kendo.data.dataSource（{data:data}）；
$（“#网格”）.kendoGrid({
数据源：数据源，
栏目：mainCols，
detailTemplate:kendo.template（$（“#详细模板”）.html（）
});

模板中的小更改；而不是：

#: detailCols[i].field #

使用以下命令：

#: data[detailCols[i].field] #

（）

#: data[detailCols[i].field] #