2012-12-10 46 views
1

我正在使用模板來顯示一些按鈕。我寫了下面的代碼:如何在網格中使用kendoui的模板功能

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

每當我更新網格,然後編輯按鈕再次消失。這是因爲該按鈕最初處於隱藏狀態。更新後,我還需要在可見模式下顯示。我怎樣才能做到這一點。

問候

回答

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它模板檢查。

注意該模板可能更緊湊,但我認爲這是更具可讀性。

一個問題(造型)我在你的模板移除了錨aid因爲id必須是唯一的,你設置的所有kendoGrid行相同的ID。