Question

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

因此我使用了这样的模板

模板：

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

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

问题是如果EQUS为假，则复选框未隐藏。所以任何人都可以告诉我如何完成此功能的解决方案，以及上述代码无法正常工作的原因。

提前致谢

Answer 1

如果isquityUS和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/

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

1 个答案: