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

Question

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

因此我使用了这样的模板

模板：

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

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

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

提前致谢

Answer 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/