Use column.values together with row template in Kendo UI Grid -

Use column.values together with row template in Kendo UI Grid -

i using kendo grid custom row template , have defined values 1 column. popup editor showing dropdown correctly, grid still showing id field. code:

<script id="userstablerowtemplate" type="text/x-kendo-tmpl"> <tr data-uid="#= uid #"> <td>#: name #</td> <td>#: groupid #</td> </tr> </script> <script> $("#userstable").kendogrid({ "rowtemplate": kendo.template($("#userstablerowtemplate").html()), "editable": "popup", "columns": [ { "field": "name", "title": "name" }, { "field": "groupid", "title": "group", "values": [{"value": 1,"text": "a"}, {"value": 2,"text": "b"}] } ] }); </script>

please right look in template groupid?

i contacted kendo back upwards team issue. solution reference column, iterate on values , show text item has value == groupid.

<script id="userstablerowtemplate" type="text/x-kendo-tmpl"> <tr data-uid="#= uid #"> <td>#: name #</td> <td>#: textforgroup(groupid) #</td> </tr> </script> <script> function textforgroup(id) { var values = $("#userstable").data("kendogrid").columns[1].values; var item = $.grep(values, function(item, _) { homecoming item.value === id; })[0]; homecoming item ? item.text : ""; } </script>

kendo-ui kendo-grid