Kendo Grid：如何更改模板中的字段值？

Question

我正在使用剑道网格来显示数据源中的当前值。 在Kendo网格内创建按钮以更改值并显示更改：

 var grid = $("#Results").kendoGrid({ dataSource: resultsDS, columns: [{ title: "Drop Hammer", field: "drop_hammer_bit", width: 125, filterable: false, template: "<button type='button' class='btn pass-fail-btn' onclick='yes_btn_toggle($(this))'>#= drop_hammer_bit #</button>" }] }).data('kendoGrid'); function yes_btn_toggle(e) { var txt = $(e).html(); if (txt == "No") { $(e).removeClass('btn-secondary').addClass('btn-primary'); $(e).html("Yes"); $(e).value = "Yes"; } else { $(e).removeClass('btn-primary').addClass('btn-secondary'); $(e).html("No"); } } 

有一个提交按钮，它检索结果数据，但它反映的是数据源，而不是更改。 我正在努力理解如何A）正确编码按钮单击，以便正确提交提交的值，或B）改变我如何检索更改后的数据。 到目前为止，我的提交功能是这样的：

 function submitQuality() { var data = $("#Results").data(); var displayedData = $("#Results").data().kendoGrid.dataSource.view(); var cntr = displayedData.length; var BatchQuality = new Array(); for (var i = 0; i < cntr; i++) { var qualityObj = buildQuality(displayedData[i]); BatchQuality.push(qualityObj); } } 

最终，我要显示的是“是/否”数据源值，并为用户提供单击按钮以更改其值的选项。 准备就绪后，他们将单击“提交”按钮以记录新更改。 我觉得自己已经很接近答案了，但是我缺乏适当的编程知识来语法化地组织它们。

Answer 1

我不确定您的要求，但我想您想将Kendo网格列按钮的值更改为“是”和“否”。

在数据源中更改值后，您将必须使用刷新网格。

 $('#Results').data('kendoGrid').refresh()

请让我知道代码是否适合您。