2 u010474082 u010474082 于 2016.01.18 15:18 提问

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
u010474082   2016.02.23 14:47
已采纳

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

caozhy
caozhy   Ds   Rxr 2016.01.18 21:43
u010474082
u010474082 datagird自身带有一个类是datagrid-ftable,要改变合计行的样式可以直接在css里面设置,今天刚发现的
接近 2 年之前 回复
u010474082
u010474082 rowStyler只能设置内容行的样式,我设置的是合计行,就是最下面footer行的字体颜色
接近 2 年之前 回复
Royal_lr
Royal_lr   Ds   Rxr 2016.01.19 10:27

就是样式的问题,,,

u010474082
u010474082 datagird自身带有一个类是datagrid-ftable,要改变合计行的样式可以直接在css里面设置,今天刚发现的
接近 2 年之前 回复
u010474082
u010474082 是样式,但是是合计行的样式
接近 2 年之前 回复
u010474082
u010474082   2016.02.23 14:47

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

u010474082
u010474082   2016.02.25 11:09

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

delzzz
delzzz   2016.01.18 15:58

是不是ajax异步操作的问题

u010474082
u010474082 datagird自身带有一个类是datagrid-ftable,要改变合计行的样式可以直接在css里面设置,今天刚发现的
接近 2 年之前 回复
u010474082
u010474082 不是,是样式,要求字体颜色变化,合计行,http://www.jeasyui.net/demo/datagrid_data2.json footer行的样式
接近 2 年之前 回复
delzzz
delzzz   2016.01.18 16:02
u010474082
u010474082 datagird自身带有一个类是datagrid-ftable,要改变合计行的样式可以直接在css里面设置,今天刚发现的
接近 2 年之前 回复
u010474082
u010474082 你这个也是只能设置 内容行的颜色,判断某一列的值,然后决定怎么设置样式,我的合计行实现不知道内容,唯一知道的值就是合计两个字,我用rowStyle改变不了正行的颜色,用style 只能改变合计的字体颜色,不能改变正行
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!