u010474082 2016-01-18 07:18 采纳率: 40%
浏览 2337
已采纳

datagrid 如何设置合计行的颜色

$('#xs').datagrid(
{
idFile : 'WARENAME',
width : '98%',
fitColumns : true,
striped : true, //隔行变色
singleSelect : true,
showFooter : true,
columns : [ [
{
field : 'WARENAME',
title : '商品',
width : 20,
align : 'center',
halign : 'center',
styler: function(value,row,index){
if (value =="合计:"){
return 'color:#F89134';
}
}
}, {
field : 'AMOUNT',
title : '数量',
width : 20,
align : 'center',
halign : 'center'
}, {
field : 'CURR',
title : '金额',
width : 20,
align : 'center',
halign : 'center'
} ] ],
onClickRow : function(rowIndex, rowData) {

                }
            });




            function gethouseworktotal(){
    datagridtab();
    $.ajax({
        type : "POST", //访问WebService使用Post方式请求 
        url : "ChangeClassServlet", 
        data : {
            changeclassser : "houseworktotal",
            classid:classid
        },                           
        dataType : 'text',
        success : function(text) { //回调函数
            if (isSucess(text)) {
                var data = $.parseJSON(text);
                var XSLIST = {'total':1,'rows':data.XSLIST,"footer":data.XSLIST1}; 
                $('#xs').datagrid('loadData', XSLIST);
            } 
        }
    });
}
json:
{"CURRQC":"0","CURRYE":"12390","CURRSJYE":"12390","CURRYH":"0","CURRJC":"12390","CURRYK":"0","XSLIST":[{"WAREID":"1","WARENAME":"上衣","WARENO":"3001","UNITS":"件","AMOUNT":"3","CURR":"1440"},{"WAREID":"2","WARENAME":"大衣","WARENO":"3002","UNITS":"件","AMOUNT":"9","CURR":"7700.60"},{"WAREID":"4","WARENAME":"西便装","WARENO":"30041","UNITS":"件","AMOUNT":"4","CURR":"3600"},{"WAREID":"5","WARENAME":"T恤","WARENO":"3005","UNITS":"件","AMOUNT":"8","CURR":"2800"},{"WAREID":"21","WARENAME":"牛仔裤","WARENO":"3006","UNITS":"条","AMOUNT":"1","CURR":"280"}],"XSLIST1":[{"CURR":"15820.6","AMOUNT":"25","WARENAME":"合计:"}]}
  • 写回答

7条回答 默认 最新

  • u010474082 2016-02-23 06:47
    关注

    改变所有合计行的方法我现在还是没有找到现在才去折中的方式,只改变合计两个字的 颜色,代码如下:
    columns : [ [
    {
    field : 'WARENO',
    title : '货号',
    width : 20,
    align : 'center',
    halign : 'center',
    styler: function(value,row,index){
    if (value =="合计"){
    return 'color:#FF7900';
    }
    }
    }]]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
  • ¥15 错误 LNK2001 无法解析的外部符号
  • ¥50 安装pyaudiokits失败
  • ¥15 计组这些题应该咋做呀
  • ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
  • ¥15 让node服务器有自动加载文件的功能