Question

我正在使用模板显示一些按钮。我写了以下代码：

template: kendo.template($("#edit-template").html())

在我编写的编辑模板中：

<script id="edit-template" type="text/x-kendo-template">
    <a class="k-grid-edit" style="visibility:hidden;" id="edit">Edit</a>
</script>

最初它将是隐藏模式。在数据绑定功能上，我将显示或隐藏按钮。如果显示权限，那么我写

$(".k-grid-edit").show();

每当我更新网格时，编辑按钮都会再次消失。这是因为按钮最初处于隐藏状态。更新后，我还需要在可见模式下显示。我怎么能这样做。

此致

Answer 1

如何将模板转换为：

<script id="edit-template" type="text/x-kendo-template">
    # if (isVisible) { #
        <a class="k-grid-edit">Edit</a>
    # } else {#
        <a class="k-grid-edit" style="display:none">Edit</a>
    # } #
</script>

然后有一个变量：

var isVisible = false;

然后将其切换为可见：

isVisible = true;
$(".k-grid-edit").show();

隐藏它是：

isVisible = false;
$(".k-grid-edit").hide();

基本上变量isVisible存储状态，模板使用JavaScript检查它。

注意模板可能更紧凑，但我认为这更具可读性。

还有一个问题（样式）我从模板id中删除了a，因为id必须是唯一的，并且您为所有{{1}设置了相同的ID行。

如何使用kendoui在网格中使用模板功能

1 个答案: