Kendo UI && JavaScript - отображать "ДА" и "НЕТ"

Как я могу этого добиться. Я получил данные «у» и «ппg>», полученные из моей базы данных. Но в сетке я хотел отобразить «ДА» и «НЕТ». Необходимо отобразить в столбце «сегментАктивный».

        $("#grid").kendoGrid({
        dataSource: dataSource,
        dataBound: onDataBound,
        height:400,
        sortable: true,

        columns: [ 
            { field: "segmentActive", title:"STATUS", width: "50px", editor: RadioSegmentActive },
            { field: "marketSegmentName", title:"SEGMENT NAME", width: "180px" },
            { field: "publicPrice", title:"PUBLIC PRICE", width: "50px", editor: RadioPublicPrice },
            { field: "isHouseUse", title:"HOUSE USE", width: "50px", editor: RadioHouseUse},
            { command: ["edit"], title: " ", width: "30px" },
        ],
        editable: "inline",
        //....

Кроме того, у меня также есть еще одна функция в редакторе для переключателя для добавления и редактирования.

function RadioSegmentActive(container, options) {
var guid = kendo.guid();

    $('<input class = "k-radio" id = "radio3" name = "segmentActive" type = "radio" value = "y" >').appendTo(container);
    $('<label class = "k-radio-label" for = "radio3">YES</label>').appendTo(container);  //YES
    $('<br>').appendTo(container); 
    $('<input class = "k-radio" id = "radio4" name = "segmentActive" type = "radio" value = "n" >').appendTo(container);
    $('<label class = "k-radio-label" for = "radio4">NO</label>').appendTo(container);  //NO    
}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
74
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Для этого вы можете использовать свойство шаблон.

Он принимает функцию, которая получает данные строк. Будет отображена возвращаемая вами строка.

ES6:

{ field: "segmentActive", ... template: data => data.segmentActive == "y" ? "YES" : "NO"  }

Не ES6:

function displaySegmentActive(data){
    return data.segmentActive == "y" ? "YES" : "NO"
}

...

{ field: "segmentActive", ... template: displaySegmentActive }

Большое спасибо, чувак! Веселого Рождества и счастливого Нового года!

Nixoderm 28.12.2018 09:53

Другие вопросы по теме