javascript - 如何在渲染 Flexigrid 表时将 bool 值转换为是/否

Question

这是我如何实现flexigrid

$('.mytable').flexigrid({
    url: '<c:url value="/callController"/>',
    dataType: 'json',
    colModel : [
        {display: 'ID', name : 'id', width : 40, sortable : true, align: 'right'},
        {display: 'Name', name : 'name', width : 150, sortable : true, align: 'left'},
        {display: 'Checkbox checked', name : 'checked', width : 150, sortable : false, align: 'left' }
        ],              
    sortname: "id",
    sortorder: "asc",
    usepager: true,
    title: false,
    useRp: false,
    rp: 15,
    showTableToggleBtn: false,
    showToggleBtn: false,
            singleSelect: true,
            striped: true,
    height: 200,
    width: 'auto'
});  

如果您看到第三列，则“已检查”的值返回为真/假( bool 值)，但我想在表格上将其显示为是/否。

在渲染表格时，有什么方法可以将这个真/假值转换为是/否吗？

平台:Java、SpringMVC、JQuery

Answer 1

您可以提供一个“preProcess”回调函数来在显示 ajax 调用返回的数据之前对其进行更改/格式化:

preProcess: function(data) {
    $.each(data.rows, function(i, row) {
        row.checked = row.checked ? 'Yes' : 'No';
    });
    return data;
},

Demo on JSFiddle

<小时/>

注意:除了 Flexigrid project page 上的以下注释之外，我并没有真正看到“preProcess”回调的记录位置。 :

New preProcess API, allows you to modify or process data sent by server before passing it to Flexigrid, allowing you to use your own JSON format for example.

然而，它的工作方式似乎与 jQuery .ajax function 的“dataFilter”回调非常相似。 .