`
jacky68147527
  • 浏览: 211047 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext分组Grid表头统计方案

阅读更多
var tmpFunction = Ext.grid.GroupingView.prototype.initTemplates;

Ext.grid.GroupingView.prototype.initTemplates = function(){
        tmpFunction.call(this);
        if(this.startGroup&&this.tplFunction){
                Ext.apply(this.startGroup,this.tplFunction);
        }
};

var view = new Ext.grid.GroupingView({
forceFit : false,
groupTextTpl: '{text} ({[values.rs.length]}项) --未使用百分比:{text:this.qq}',
tplFunction:{
            qq : function(text,values){
                    var sum = 0;
                    if(values.rs&&values.rs.length>0){
                            for(var i=0;i<values.rs.length;i++){
                                    sum += 1-values.rs[i].get("precent");
                            }
                    }
                    return (sum/values.rs.length)*100+'%';
            }
        }
});


Ext.apply(config, {
id : "grid_querCaseGrid",
region : "center",
iconCls : 'x-button-grid',
split : 'true',
margins : '0 0 0 0',
autoScroll : true,
store : store,
cm : cm,
height : 185,
bbar :pagetb,
title:'统计列表',
view : view,
loadMask : {msg : '正在加载数据,请稍侯……'},
trackMouseOver:true,
stripeRows : true
});
分享到:
评论

相关推荐

    EXT grid 表头 三层 插件

    博客链接可能提供了关于EXT Grid表头三层插件的具体实现方法和示例代码,建议读者访问该链接获取更多信息和实践指导。 在压缩包文件"EXT表头三层插件"中,可能包含了实现这一功能的源代码、示例文件以及相关的文档...

    Ext grid合并表头

    合并表头允许我们在`grid`中创建多级表头,使得数据分类更加清晰,尤其对于处理大量分组数据时更为有用。`Ext grid`的这种功能通常通过插件实现,如在给定的资源中提到的`GroupHeaderPlugin`。这个插件允许开发者...

    ext gridpanel多层表头分组小计导出excel与Java后台交互全代码

    该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。

    Ext表格列锁定+多表头插件

    这个插件主要用于改进Ext Grid的用户体验,特别是处理大量数据时,通过列锁定和多表头功能,使得用户能够更有效地浏览和操作数据。 首先,"列锁定"是Ext Grid中一个非常实用的功能,特别是在显示宽广、多列的数据表...

    Ext 3.4 多表头 列锁定

    在Ext 3.4中,实现多表头可能需要配置`headers`属性或者使用`Ext.grid.header.Container`来创建复杂的表头结构。 列锁定(Column Locking)是Ext JS的一个功能,它允许用户固定某些列,即使在滚动表格时这些列也会...

    Ext3.4.0复杂(多行)表头+锁定多列例子

    在描述中提到的“复杂(多行)表头”是指在数据网格中创建多级或者多层次的表头,这种设计常用于显示复杂的分类或分组信息。多行表头可以清晰地展示数据的层次结构,帮助用户更直观地理解和操作数据。例如,第一行可能...

    EXT复杂表头+锁定列例子

    EXT Grid的复杂表头可以通过使用嵌套的`Ext.grid.header.Container`来实现。每个Container可以包含一个或多个列(`Ext.grid.Column`),并且可以有自身的标题和子标题。这样,我们可以创建出层次化的列标题,以反映...

    EXT 复杂表头插件

    在EXT Grid中,表头(Header)是显示列标题的部分,而“复杂表头”则是指具有多层次、多维度展示数据的表头,可以更直观地组织和显示复杂的数据关系。 "EXT 复杂表头插件"是为了扩展EXT Grid的功能,使其能够支持...

    ext 扩展子列表头

    在EXTJS中,列表头通常由`Ext.grid.header.Container`组件定义,而子列表头则可以通过嵌套`Ext.grid.header.Container`来实现。首先,你需要创建一个基本的`Ext.grid.Panel`,然后在它的`columns`配置中定义列。为了...

    Ext grid合并单元格

    根据提供的文件信息,我们可以深入探讨如何在 Ext JS 中实现 Grid 的单元格合并功能。此案例主要涉及到了自定义 GridView 的 `renderHeaders` 方法来达到单元格合并的目的,并且还涉及了模板(Template)的使用、...

    extjs grid 多表头插件

    在ExtJS Grid中,多表头能够帮助用户更清晰地理解列的分组和关系,提高数据的可读性和分析性。 首先,我们来详细解释一下多表头的概念。在传统的表格中,表头通常只有一个层次,而在多表头中,我们可以设置多个层次...

    封装EXT中grid的打印,多表头

    封装EXT中grid的打印,多表头,自动从grid的store取数,完成打印页面和生成,调用只需要一两句代码

    Ext4 grid打印

    Ext4 Grid打印是基于Ext JS库的一个功能,用于在网页中展示数据的表格组件。Ext4 Grid提供了丰富的功能,包括数据排序、筛选、分页以及列的动态调整等。在这个场景下,"grid打印"指的是将Grid中的数据导出或者可视化...

    ext 多表头和锁定列结合的示例

    在EXT JS这个强大的JavaScript库中,多表头和锁定列的结合使用是创建复杂、功能丰富的数据展示表格的重要手段。EXT JS允许开发者构建高度自定义的用户界面,尤其是在处理大量数据时,锁定列和多表头功能能显著提高...

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    html 表头固定,基于ext的

    6. **EXT插件**:虽然EXT核心库未直接提供固定表头功能,但社区开发了一些插件,如`Ext.ux.grid.FixedHeaderTable`,这些插件可以直接应用于GridPanel,简化实现固定表头的过程。 7. **示例代码**:HTMLPage2.htm...

    ext grid导出相关资料信息

    我博文《Ext4原生grid的导出控件》一文用到的js包以及其他方面的资料。

    封装EXT中grid的打印,单表头

    封装EXT中grid的打印,单表头,自动从grid的store取数,完成打印页面和生成,调用只需要一两句代码

    extjs3合并表头 rowspan

    在ExtJS 3中,如果你需要合并表头,你可能会使用`Ext.grid.GroupingView`或自定义的视图类。表头合并通常涉及到设置特定的配置选项和处理渲染过程。以下是一些关键知识点: 1. **GroupingView**: 这是ExtJS 3中用于...

    ext grid 合并行

    EXT Grid没有直接提供行头合并,但可以通过创建自定义的表头组件来实现,同样使用`colspan`属性来合并。 7. **监听Store事件**:当数据源发生变化时,如添加、删除或更新记录,可能需要重新计算合并范围并更新渲染...

Global site tag (gtag.js) - Google Analytics