【问题标题】:How to convert Boolean value to Yes/No while rendering the flexigrid table如何在渲染 flexigrid 表时将布尔值转换为是/否
【发布时间】:2014-03-19 18:46:26
【问题描述】:

这是我如何实现 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'
});  

如果您看到第三列,“checked”的值返回为真/假(布尔值),但我想在表格上将其显示为是/否。

有没有办法在渲染表格时将此真/假值转换为是/否?

平台:Java、SpringMVC、JQuery

【问题讨论】:

  • Yes/No 仍然是布尔值,记住:你可以对任何带有条件的布尔值做任何你想做的事情。这就是他们的目的。 if (boolean-is-true) { // do something } else { //do something else }
  • 感谢您的回复,我需要将这些条件放在哪里才能在渲染表格时转换值...
  • 我在您发布的代码中看到“已检查”一词的唯一位置是在字符串中,所以我不知道您所说的“已检查的值”是什么意思,或者您为什么认为它是一个布尔值。
  • 调用服务@url = ''会返回一个对象,这个对象有一个名为'checked'的变量,它的类型是布尔值(返回真/假)。
  • 我对 flexigrid 一无所知,但是通过查看它,我想您会将 {display: 'Checkbox checked', ... 更改为 {display: (this.checked)? 'yes': 'no', ... 或类似的东西。

标签: javascript jquery flexigrid


【解决方案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”回调的记录位置:

新的preProcess API,允许您修改或处理发送的数据 在将其传递给 Flexigrid 之前的服务器,允许您使用自己的 以 JSON 格式为例。

不过,它的工作方式似乎很像 jQuery .ajax function 的“dataFilter”回调。

【讨论】:

  • 耶!!!这与一个小的修正工作,它应该是 row.cell.checked 而不是 row.checked。非常感谢...
猜你喜欢
  • 2016-07-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-07
  • 2016-05-14
  • 1970-01-01
  • 2016-01-13
相关资源
最近更新 更多