当变量值包含空格时，如何在kendo UI的itemTemplate中呈现JS变量

Question

我正在使用我的itemTemplate函数中来自服务器的响应数据来创建带有值的复选框列表。 我面临的问题是，如果某个变量的值中包含空格，例如：“ In Progress”，则它将无法正确呈现。

下面是我的itemTemplate函数和数据呈现后的html元素。

 itemTemplate: function (e) {
       return "<li class='k-item><label class='k-label'><input type='checkbox' value=#= data.Status || data.all # />#= data.Status|| data.all #</label></li>"
  }

Here is a demo of the same。 有没有一种方法可以渲染数据，这样我就可以在value属性中获取整个文本？还是我在这里做错了什么？ 请提出建议，谢谢！

Answer 1

您需要添加这样的转义引号：

\'＃= data.country || data.all＃ \'

$("#grid").kendoGrid({
    columns: [ {
        field: "country",
        filterable: {
            multi:true,
            itemTemplate: function(e) {

                    return "<li class='k-item><label class='k-label'><input type='checkbox' value=\'#=data.country|| data.all #\' />#= data.country|| data.all #</label></li>"


            }
        }
    }],