Question

EasyUi Datagrid中footer修改行样式的问题。

如题，数据已经可以正常显示，应用footer来显示了合计的信息，想修改一下footer，也就是合计这一行的行样式，怎么样弄？
解决问题的话追加分数。
解决问题追加50分。

Answer 1

默认的'rowStyler' 选项不支持footer，想让footer支持rowStyler的话，dategird就得重写。代码如下。

var myview = $.extend({}, $.fn.datagrid.defaults.view, {
	renderFooter: function(target, container, frozen){
		var opts = $.data(target, 'datagrid').options;
		var rows = $.data(target, 'datagrid').footer || [];
		var fields = $(target).datagrid('getColumnFields', frozen);
		var table = ['<table class="datagrid-ftable" cellspacing="0" cellpadding="0" border="0"><tbody>'];
		
		for(var i=0; i<rows.length; i++){
			var styleValue = opts.rowStyler ? opts.rowStyler.call(target, i, rows[i]) : '';
			var style = styleValue ? 'style="' + styleValue + '"' : '';
			table.push('<tr class="datagrid-row" datagrid-row-index="' + i + '"' + style + '>');
			table.push(this.renderRow.call(this, target, fields, frozen, i, rows[i]));
			table.push('</tr>');
		}
		
		table.push('</tbody></table>');
		$(container).html(table.join(''));
	}
});
$('#list').datagrid({
	 view:myview
	 });
  <table id = "list" class="easyui-datagrid" title="投资情况统计表" style="width:960;"fixRowHeight="true" 
	            data-options="rownumbers:false,singleSelect:true,url:'<%=webRoot %>/hqswq/report/tzqkInfo.do?nf=<%=nf %>',method:'get',showFooter: true,rowStyler: function(index,row){
                    if (row.fg == '总计'){
                        return 'background-color:#6293BB;color:#fff;font-weight:bold;';
                    }
                }">

这是效果