Kendo UI && JavaScript - отображать «ДА» и «НЕТ» - PullRequest
Новая
       7

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

0 голосов
/ 28 декабря 2018

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

        $("#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    
}

1 Ответ

0 голосов
/ 28 декабря 2018

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

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

ES6: 

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

Не ES6: 

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

...

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