我有一个jqgrid和页脚,显示总值。我想将负值的颜色转换为红色。我怎么能这样做?
答案 0 :(得分:1)
如果您使用false
作为footerData
的最后一个参数,则数据将不会被jqGrid格式化。因此,您可以使用<span style="color:red">...</span>
之类的HTML片段来更改显示数据的颜色。或者,您可以使用jQuery CSS Framework类(如ui-state-error
)来高亮显示文本(请参阅the answer)。
如果您仍然需要格式化汇总值,可以使用$.fmatter.util.NumberFormat
(请参阅the answer或this one)或使用the demo中的formatter
方法
使用
footerrow: true,
loadComplete: function () {
var $self = $(this),
sum = $self.jqGrid("getCol", "amount", false, "sum"),
i,
iCol = $("#" + $.jgrid.jqID(this.id) + "_" + "amount")[0].cellIndex, // get index of "amount" column
sumFormatted = this.formatter("", sum, iCol);
$self.jqGrid(
"footerData",
"set",
{
invdate: "Total:",
amount: sum < 0 ? "<span style='color:red'>" + sumFormatted + "</span>": sum
},
false
);
}