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 を使用してそれをチェックします。

注テンプレートはもっとコンパクトかもしれませんが、こちらの方が読みやすいと思います。

もう 1 つの質問 (スタイリング) は一意である必要があり、すべての行に同じ ID を設定していたため、テンプレートidのアンカーからを削除しました。aidkendoGrid

于 2012-12-10T13:46:15.540 に答える