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()

請讓我知道代碼是否適合您。