博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EXTJS4:在grid中加入合计行
阅读量:6209 次
发布时间:2019-06-21

本文共 1083 字,大约阅读时间需要 3 分钟。

extjs4很方便的实现简单的合计(针对在不分页的情况下):

它效果实现在:Ext.grid.feature.Summary这个类中

Ext.define('TestResult', {    extend: 'Ext.data.Model',    fields: ['student', {        name: 'mark',        type: 'int'    }]});Ext.create('Ext.grid.Panel', {    width: 400,    height: 200,    title: 'Summary Test',    style: 'padding: 20px',    renderTo: document.body,    features: [{        ftype: 'summary'    }],    store: {        model: 'TestResult',        data: [{            student: 'Student 1',            mark: 84        },{            student: 'Student 2',            mark: 72        },{            student: 'Student 3',            mark: 96        },{            student: 'Student 4',            mark: 68        }]    },    columns: [{        dataIndex: 'student',        text: 'Name',        summaryType: 'count',        summaryRenderer: function(value, summaryData, dataIndex) {            return Ext.String.format('{0} student{1}', value, value !== 1 ? 's' : '');         }    }, {        dataIndex: 'mark',        text: 'Mark',        summaryType: 'average'    }]});

 

可以参照api。exjts4API很大,每天使用,每天进步。

 

转载地址:http://hpbja.baihongyu.com/

你可能感兴趣的文章
指尖下的js —— 多触式web前端开发之三:处理复杂手势
查看>>
C语言程序设计预备作业
查看>>
SAMBA安全模式share及user实例详解
查看>>
关于sys、system、sysman等在EM中登录的问题
查看>>
Linux chattr 命令
查看>>
g2蚂蚁数据可视化折线图,点位坐标label 图形文本设置
查看>>
面试题:接口与抽象类的区别
查看>>
iOS开发之c语言基础-函数指针
查看>>
WPF之Binding的使用
查看>>
(day7) 168. Excel表列名称
查看>>
Vim as a Python IDE
查看>>
JSP—page指令
查看>>
CSS:3种基本的布局模型、层模型的三种形式
查看>>
innerHTML 属性
查看>>
#If...Then...#Else Directives
查看>>
带参数,头信息,代理,cookie爬取
查看>>
【Windows编程】系列第三篇:文本字符输出
查看>>
OGC 的WCS WFS 及WMS 服务
查看>>
sqlHelper类
查看>>
Blog透视镜
查看>>