Javascript 剑道UI&；Angularjs：使网格内联可编辑

我已经按照以下指南将剑道ui集成到angularjs中：

现在我想让我的网格内联可编辑。在angularjs控制器中，我有：

gestionale.controller('mainController', function ($scope, $http) {

   $scope.products = new kendo.data.DataSource({
       transport: {
           read: {
               url: "api/Personale",
               dataType: "json"
           }
       },
   });
});

在HTML页面中：

<div kendo-grid k-data-source="products" k-selectable="'row'" k-sortable="true" k-toolbar ='["create"]'
     k-columns='[
{ "field": "Nome", "title": "Nome"},
{ "field": "Cognome", "title": "Cognome"},
{ "field": "Cellulare", "title": "Cellulare" },
{ command: ["edit", "destroy"], title: "", width: "172px" }
 ]' k-editable="inline" style="height: 365px">
</div>

使用这段代码，网格被正确填充，我可以看到编辑和删除按钮，但当我单击编辑按钮时，行不会进入内联编辑模式（当我单击编辑按钮时，页面会刷新）

如何获得内联编辑模式？

---

谢谢

这是您应该如何定义

k-editable

：

<div kendo-grid k-data-source="products" k-selectable="'row'" k-sortable="true" k-toolbar ='["create"]'
     k-columns='[
{ "field": "Nome", "title": "Nome"},
{ "field": "Cognome", "title": "Cognome"},
{ "field": "Cellulare", "title": "Cellulare" },
{ command: ["edit", "destroy"], title: "", width: "172px" }
 ]' k-editable='{"mode": "inline", "create": true, "update": false, "destroy": true}' style="height: 365px">
</div>

还可以尝试以下操作：

k-editable=“true”

。并检查此：。祝你好运k-editable=“true”仅使一个单元格可编辑并工作。我想要内联，在我看到的剑道ui文档中，可编辑的“内联”是可用的，但不起作用。你有没有尝试过

k-editable='{“模式”：“内联”}'

？它起作用了！！！为什么我必须在该模式下键入代码，而不是k-editable=“inline”？例如，要使网格可排序，我已经键入k-sortable=“true”并运行！！因为它的值可以是布尔值或对象。表示

True

或

False

或

{“模式”：“内联”}

。