如何控制复选框并在网格上显示kendo ui

我是kendo ui的新手。我需要你的帮助，请。我需要在某处使用复选框。我的问题是当我编辑任何记录时，弹出菜单上的复选框可以显示属性的状态，但网格不显示。我想在网格的复选框中显示记录显示的属性。如何控制复选框并在网格上显示kendo ui

我尝试这个示例：http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Templates/grid-with-checkbox-column但它不适用于我的预期。

这里是我的代码：

    { 
         field: "isWorking", 
         title: "Çalışıyor", 
         editor: '<input type="checkbox" #= isWorking ? \'checked="checked"\' : "" # class="chkbx" />' 
        }, 
        { 
         command: [ 
          { 
           name: "edit", 
           text: { 
            edit: "", 
            update: "Tamam", 
            cancel: "İptal" 
           }, 
           className: "grid-command-iconfix" 
          }, 
          { 
           name: "destroy", 
           text: "", 
           className: "grid-command-iconfix" 
          } 
         ], 
         title: "&nbsp;", 
         width: "120px" 
        } 
       ], 
       editable: { 
        mode: "popup", 
        window: { 
         title: "Kayıt".i18n() 
        }, 
        confirmation: "Silmek istediğinizden emin misiniz?".i18n(), 
        confirmDelete: "Yes" 
       }, 
       edit: function (e) { 
        console.log(e); 
        $("#maritalStatus").data("kendoDropDownList"); 
       } 
      }); 
     } 
    }); 

    $("personGrid.k-grid-content").on("change","input.chkbx",function(e){ 
     var grid = $("#personGrid").data("kendoGrid"), 
      dataItem = grid.dataItem($(e.target).closest("tr")); 

     dataItem.set("isWorking", this.checked); 
    });

以及它是如何工作的截图。请按照ss。

从这里，这是从那里被我放弃了问题临客方案。

下面的代码是我的第一份工作：

{ 
         field: "isWorking", 
         title: "Çalışıyor", 
         template: "<input type='checkbox' id='isWorking'/>" 
        }, 
        { 
         command: [ 
          { 
           name: "edit", 
           text: { 
            edit: "", 
            update: "Tamam", 
            cancel: "İptal" 
           }, 
           className: "grid-command-iconfix" 
          }, 
          { 
           name: "destroy", 
           text: "", 
           className: "grid-command-iconfix" 
          } 
         ], 
         title: "&nbsp;", 
         width: "120px" 
        } 
       ], 
       editable: { 
        mode: "popup", 
        window: { 
         title: "Kayıt".i18n() 
        }, 
        confirmation: "Silmek istediğinizden emin misiniz?".i18n(), 
        confirmDelete: "Yes" 
       }, 
       edit: function (e) { 
        console.log(e); 
        $("#maritalStatus").data("kendoDropDownList"); 
       } 
      }); 
     } 
    });

这里是如何工作的SS。它在弹出编辑菜单上显示状态，但不显示在网格上。

请你能帮帮我吗？

来源

2016-01-18 luffy

您正在设置模板中的复选框，但没有设置其值。它将始终处于初始状态。试试这个模板：

template: "<input type='checkbox' id='isWorking' # if (isWorking) { # checked=\"checked\" # } # />"

Demo

来源

2016-01-18 12:12:14 DontVoteMeDown

，我发现这个仅有2分钟前模板：“<输入名称= 'isWorking' 类型= '复选框' 数据绑定= '检查：isWorking' ＃= isWorking？ checked ='checked'：''＃/>“它解决了我的问题，但它与您的建议一样。谢谢你，我把你的答案变成绿色。 – luffy

如何控制复选框并在网格上显示kendo ui

回答

相关问题