1

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

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();

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

问候

4

1 回答 1

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的锚点中删除了，因为它必须是唯一的，并且您为所有行设置了相同的 id。aidkendoGrid

于 2012-12-10T13:46:15.540 回答