如何使用kendo模板检查空值

时间:2013-08-05 17:00:22

标签: templates kendo-ui kendo-grid

嗨我有一个如下所示的kendo网格,我想检查列的空值,并根据条件我想在列中显示一些默认数字

这是我的示例代码。

 $("#eCount").kendoGrid({
        dataSource: {
            data: myModel,
            pageSize: 5
},      
 columns: [
            {
                field: "Count",
                title: "Count",
                template: '# if (Count == "null" ) {#1#} else {#Count#}#'
            }]
});

但我没有得到如何完成它。任何解决方案?

3 个答案:

答案 0 :(得分:43)

如果格式

,您可以使用内联Javascript
#= street2 != null ? street2 : '' #

答案 1 :(得分:16)

我发现这是最有用的:

#= typeof street2 == "undefined" || street2 == null ? "" : street2 #

在以编程方式将行添加到网格的数据源而不指定typeof字段的值时,street2检查非常有用:

grid.dataSource.add({}); //this line will generate an error when you're not using 'typeof' check

还与您的问题有关,对于更复杂的情况,我发现使用data.xxx在模板内进行其他检查也很有用,如下所示:

# if (data.street2 && data.street2.length) { #
    <span>#: street2 # </span>
# } else { #
    <span>N/A</span>
# } #

答案 2 :(得分:1)

var dataSource = new kendo.data.DataSource({
    transport: {
    ...
    },
    schema: {
        model: {

            myCount: function () {
                return this.get("Count") == null ? 1 : this.get("Count");
            }
        }
    }

<script id="template">
        #=myCount()#
</script>

如果您不使用数据源,也可以这样做。

<script id="template">
    # var count = data.Count || 1; # // Javascript  #   #
    <span>#=count#</span>            // Binding  #=   #
</script>