如何在剑道网格内动态显示/隐藏和选中/取消选中复选框答案

【问题标题】：how to show/hide and check/uncheck checkboxes dynamically inside kendo grid如何在剑道网格内动态显示/隐藏和选中/取消选中复选框
【发布时间】：2014-12-31 06:59:52
【问题描述】：

我在剑道网格内使用复选框。我需要使用一个标志动态显示和隐藏复选框，还需要使用另一个标志动态选中/取消选中复选框。

因此我使用了这样的模板

模板：

<input #= EQUS ? '' : style='visibility:hidden' #  type='checkbox' class='checkbox' #= IsEquityUS ? checked='checked' : '' #/>

其中 EQUS 标志用于显示/隐藏复选框 IsEquityUS 标志用于选中/取消选中复选框

问题是如果 EQUS 为假，复选框不会隐藏。那么谁能告诉我解决方案如何完成这个功能，以及为什么上面的代码不起作用。

提前致谢

【问题讨论】：

模板：“"
我尝试使用以下模板，但它抛出错误：模板：“#= EQUS ? \”\" : \"\" #"
如果我理解正确，您的 kendogrid 字段是：EQUS，如果这是返回 true 或 false 的标志，那么像这样使用：
实际上我使用了 2 个标志，isEquityUS - 为选中/取消选中复选框提供真/假，而 EQUS 为显示/隐藏复选框提供真/假。

标签： jquery kendo-ui kendo-grid kendo-template

【解决方案1】：

如果 isEquityUS 和 EQUS 都是 kendogrid 模型的一部分，那么您可以在 html 中定义模板，而不是使用内联模板。

<script id="template" type="text/kendo-template">
   #if(EQUS != '') { #   
   <input type="checkbox" #= data.IsEquityUS ? checked="checked" : "" # />
   # } #
</script>

在网格列中，提供如下所示的模板：

 columns: [
    { field: "EQUS", Title: "EQUS", width: 150 },
    {
        template: $("#template").html(),

    }
]
check the fiddle http://jsfiddle.net/Hfk3Q/17/

【讨论】：