EasyUi Datagrid中footer renderFooter - dazzlinglight - 博客园

默认的'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 'color:#fff;font-weight:bold;';

}

}"`>`

分类: js

好文要顶;) 关注我;) 收藏该文;) ; "分享至新浪微博") ; "分享至微信")

dazzlinglight
关注 - 5
粉丝 - 1

+加关注;)

0

0

« 上一篇： js获取页面元素的位置
» 下一篇： EasyUI基础入门之Parser(解析器)

Original url: Access
Created at: 2020-09-22 20:57:58
Category: default
Tags: none

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论