u010474082
u010474082
采纳率40%
2016-01-18 07:18

datagrid 如何设置合计行的颜色

1
已采纳

$('#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 u010474082 5年前

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

    点赞 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 5年前
  • Royal_lr Royal_lr 5年前

    就是样式的问题,,,

    点赞 评论 复制链接分享
  • delzzz delzzz 5年前
    点赞 评论 复制链接分享
  • delzzz delzzz 5年前

    是不是ajax异步操作的问题

    点赞 评论 复制链接分享
  • u010474082 u010474082 5年前

    datagird自身带有一个类是datagrid-ftable,要改变合计行的样式可以直接在css里面设置,今天刚发现的

    点赞 评论 复制链接分享
  • u010474082 u010474082 5年前

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

    点赞 评论 复制链接分享

相关推荐