当变量值有空格时，如何在 kendo UI 的 itemTemplate 中渲染 JS 变量
How to render JS variable in a kendo UI's itemTemplate when the variable value has spaces
我在我的 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 属性中获取整个文本？或者我在这里做错了什么？
请推荐，谢谢！
您需要像这样添加转义引号：
\'#=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>"
}
}
}],
我在我的 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 属性中获取整个文本？或者我在这里做错了什么？ 请推荐，谢谢！
您需要像这样添加转义引号：
\'#=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>"
}
}
}],