Как отобразить переменную JS в itemTemplate пользовательского интерфейса кендо, когда в значении переменной есть пробелы

Question

Я использую данные ответа с сервера в моей функции itemTemplate, чтобы создать список флажков со значениями. Проблема, с которой я сталкиваюсь, заключается в том, что если есть переменная, значение которой содержит пробелы, например: «Выполняется», то она отображается неправильно.

Ниже моя функция 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>"
  }

Вот демо того же . Есть ли способ визуализации данных, чтобы я мог получить весь текст внутри атрибута значения? Или я здесь что-то не так делаю? Пожалуйста, предложите, спасибо!

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>"


            }
        }
    }],