Question

我有一个bootstrap-table，它从.json文件加载它的数据。一切都运行良好，但我现在尝试将data-formatter="winLOSSFormatter"添加到一列，但无法使其工作。

基本上我正在寻找一个简单的if else语句，它会查看值并根据值更改该字段的文本颜色。

例如，如果值包含单词“win”，则文本将为绿色。 “损失”这个词，文字是红色的。其他任何文本都是标准的黑色。

我相信这应该是相当简单的，可以通过下面的脚本来实现，但我似乎无法使它工作。

谢谢！

function winLOSSFormatter(value) {
    if (value.indexof ('Win') > -1) {
                color = 'green';
                } else if (value.indexof('Loss') > -1 {
                'red';
                } else {
                 color = 'black';
                };
    return  '<div  style="color: ' + color + '">' + value.substring(1) + '</div>';
}

Answer 1

function winLOSSFormatter(value) {
var color = '#99C262';

if (value.indexOf('W') > -1) {
            color = 'green';
            } else if (value.indexOf('L') > -1) {
            color = 'red';
            } else {
             color = 'black';
            }
return  '<div  style="color: ' + color + '; font-weight: 700;">' + value.substring() + '</div>';
}

Answer 2

您在} else if (value.indexof('Loss') > -1 {处有一个未公开的括号，导致无法执行该功能。以下是工作代码：

function winLOSSFormatter(value) {
    if (value.match(/.*Win.*/ig)) {
                var color = 'green';
                } else if (value.match(/.*Loss.*/ig)) {
                'red';
                } else {
                 color = 'black';
                };
    return  '<div  style="color: ' + color + '">' + value + '</div>';
}

我不确定您希望如何处理ThisLossIsMyWinValue

之类的价值

用于wenzhixin bootstrap-table的数据格式化程序

2 个答案: