如何在kendo网格视图中添加条件

时间:2014-02-25 05:45:42

标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc

我需要显示/隐藏删除(删除(icon)基于condition.for ex var a = 2,var b = 2; if(a = b)需要显示icon.But a!= b表示隐藏删除图标。如何执行此操作?

{
  command: {
              template: kendo.template($("#remove").html())                
            }, title: " ", width: "40px"
 }

<script id="remove" type="text/x-kendo-tmpl">
    <a href="" onclick="remove(this); return false;">
        <img src="@Url.Content("~/Images/delete_icon.gif")" alt="Remove item" />
    </a>
</script>

1 个答案:

答案 0 :(得分:2)

您可以在模板中使用javascript:

<script id="remove" type="text/x-kendo-tmpl">
    # var a=2; var b=2;#
    # if(a==b){ #
    <a href="" onclick="remove(this); return false;">
        <img src="@Url.Content("~/Images/delete_icon.gif")" alt="Remove item" />
    </a>
    # } #
</script>

检查Kendo UI Templates Overview以获取更多详细示例和kendo的模板语法

  1. Render literal values: #= #
  2. Render HTML-encoded values: #: #
  3. Execute arbitrary JavaScript code: # if(...){# ... #}#