具有条件的Kendo网格客户端模板

时间:2013-08-27 05:46:34

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

 columns.Bound(p => p.Active).ClientTemplate("\\#if('#=Active#'=='Y') {\\<input type='button' value='OK' />\\}\\#").Width(150).Title("Status");

但是条件被视为字符串??

#if('Y'=='Y')`enter code here` {
<input type="button" value="OK">
}#  

5 个答案:

答案 0 :(得分:27)

在Kendo模板中使用哈希语法有三种方法:

  1. 渲染文字值:#= #
  2. 呈现HTML-enocded值:#: #
  3. 执行任意JavaScript代码:# if(...){# ... #}#
  4. 所以在你的代码中你必须写

    columns.Bound(p => p.Active).ClientTemplate(
         "#if(Active=='Y') {#
            <input type="button" value="OK">
          #}#").Width(150).Title("Status");
    

    请注意示例#如何将内部代码与外部代码分开。当您在代码内部时,您不必再次使用#来访问变量,这就是为什么Active之前可能没有#的原因。

答案 1 :(得分:6)

试试这个,

 columns.Bound(p => p.Active).ClientTemplate(
                "# if (IsServiceExist) { #" +
                    "<input type='button' value='OK' />"+
                "# }#").Width(150).Title("Status");

答案 2 :(得分:3)

我希望你能得到解决方案......

columns.Bound(p => p.IsActive)
    .ClientTemplate(
        "\\# if (IsActive != false) { \\#" +
            "\\<input type=\"checkbox\" id=\"checkBox\" class=\"parentCheckBox\" window-call=\"template\" checked/>\\" +
        "\\# } else { \\#" + 
            "\\<input type=\"checkbox\" id=\"checkBox\" class=\"parentCheckBox\" window-call=\"template\" />\\" + 
        "#\\ } \\#")
    .Width(10);

答案 3 :(得分:2)

要在Kendo模板中呈现数据值,您可以使用以下内容作为指南:

columns.Template(@<text></text>)
    .ClientTemplate("#if (Field3 == true) {#"
    + "<a onclick='jsFoo(#=Id#)' href='\\#'></a> "
    + "#} #").Width(70).Title("ColA");

答案 4 :(得分:-1)

columns.Bound(searchModel => searchModel.Value).ClientTemplate("#if(Name=='DevboardTask'){# <a href='\\#UpdateStatusWindow' onclick=\"javascript:openflexpmtask('#=Value#');\">#=Value#</a> #} else {# <a\">#=Value#</a> #}#");

这可能会对你有所帮助。这只是一个例子......