关闭

ExtJs中gridpanel分组后组名排序实例代码

566人阅读 评论(0) 收藏 举报
分类:
 代码如下:

/**
  * 定义降序的groupingStore
  */
var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, {
groupDir : 'ASC',
groupBy : function(field, forceRegroup, direction) {
    direction = direction ? (String(direction)
              .toUpperCase() == 'DESC' ? 'DESC' : 'ASC')
              : this.groupDir;
    if (this.groupField == field
           this.groupDir == direction && !forceRegroup) {
          return;
   }
   this.groupField = field;
   this.groupDir = direction;
   if (this.remoteGroup) {
       if (!this.baseParams) {
          this.baseParams = {};
       }
       this.baseParams['groupBy'] = field;
          this.baseParams['groupDir'] = direction;
       }
       if (this.groupOnSort) {
            this.sort(field, direction);
            return;
       }
       if (this.remoteGroup) {
            this.reload();
       } else {
            var si = this.sortInfo || {};
            if (si.field != field || si.direction != direction) {
                this.applySort();
            } else {
                this.sortData(field, direction);
            }
            this.fireEvent('datachanged', this);
        }
    },
    applySort : function() {
        Ext.data.GroupingStore.superclass.applySort.call(this);
        if (!this.groupOnSort && !this.remoteGroup) {
            if (this.groupField != this.sortInfo.field
                    || this.groupDir != this.sortInfo.direction) {
                this.sortData(this.groupField, this.groupDir);
            }
        }
    },
    applyGrouping : function(alwaysFireChange) {
        if (this.groupField !== false) {
            this.groupBy(this.groupField, true, this.groupDir);
            return true;
        } else {
            if (alwaysFireChange === true) {
                this.fireEvent('datachanged', this);
            }
            return false;
        }
    }
});

 代码如下:

/*************************调用***************************/
// 消息列表数据源
var messageStore = new DescGroupingStore({
    proxy : new Ext.data.HttpProxy({
        url : "listMessGrid.action"
    }),
    reader : myReader,
    groupDir : 'DESC',
    groupField : 'status',
    sortInfo : {
        field : 'id',
        direction : "DESC"
    }
});
messageStore.load();

 代码如下:

/*****************在gridpanel中添加如下属性*************************************/
view : new Ext.grid.GroupingView({
    showGroupName : false,
    groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {[values.rs.length > 1 ? "封" : "封"]})',
    showGroupsText : "ddd"
})

0
0
查看评论

ExtJs中gridpanel分组后组名排序

/** * 定义降序的groupingStore */ var DescGroupingStore = Ext.extend(Ext.data.GroupingStore, { groupDir : 'ASC', groupBy : function(field, force...
  • lslvxy
  • lslvxy
  • 2013-12-04 10:28
  • 1130

Extjs中对GridPanel的列排序

ProjectStore = new Ext.data.GroupingStore({ proxy: new Ext.data.HttpProxy({ url: "DATA/ProjectInfo/ProjectInfo.aspx", ...
  • suixufeng
  • suixufeng
  • 2012-05-03 15:44
  • 13135

Extjs6 gridPanel排序与获取Store的排序信息

ExtJS6中表格排序也与ExtJS3中有所区别,下面分别给出这两个版本的实现方法 ExtJS3: // 复选框模型 var selm = new Ext.grid.CheckboxSelectionModel(); // 定义列模型 var colm = new Ext.grid.Colum...
  • diweikang
  • diweikang
  • 2015-11-13 12:27
  • 2327

[ExtJS5学习笔记]第三十节 sencha extjs 5表格gridpanel分组汇总

Extjs 5 分组统计gridpanel 解决了在IE下数据无法正常显示的问题。有实际代码,运行简单,实用。
  • sushengmiyan
  • sushengmiyan
  • 2014-12-29 17:43
  • 7049

【解决方案】extjs 怎么取消 gridPanel 表头上的图标(下拉排序)

以上是已解决的代码, 主要就一句话: menuDisabled:true
  • fifteen718
  • fifteen718
  • 2016-10-24 16:51
  • 1680

取消ext中的gridPanel下面的默认排序

gridPanel上写sortableColumns:false,
  • Sukla
  • Sukla
  • 2017-08-12 17:48
  • 473

Extjs4 grid的排序

grid支持两种排序方法 一种是前端排序,不请求后台本页面列字段进行排序,在grid的列中设置属性sortable: true, 第二种排序是后台排序,请求后台对整个数据进行排序,在store中设置属性remoteSort: true, 第一种排序代码:var grid = Ext.crea...
  • qq_26847293
  • qq_26847293
  • 2016-05-04 11:33
  • 1054

Extjs Grid 拖动排序 (处理拖动后序号刷新、多行拖动序列倒序的问题)

var GridPanelMain = new Ext.grid.GridPanel({ id : 'sortCriteriaListGrid', renderTo : 'sortCriteriaList', width : ...
  • gudong2945
  • gudong2945
  • 2012-04-01 10:04
  • 3974

ExtJs gridPanel行添加操作按钮的方法

需求在gridPanel中添加操作列是非常常见的,实现如下效果 在ExtJs中有两种添加按钮的方法:一、如第二三列 xtype: ‘actioncolumn’ { text: '操作2', xtype: 'actioncolumn', ali...
  • idomyway
  • idomyway
  • 2017-12-18 19:34
  • 143

关于oracle分组后组外排序的问题

<br />[求助]关于oracle分组后组外排序的问题只用查询语句实现:<br />DEPTNO ENAME                SAL      ...
  • zhangdaiscott
  • zhangdaiscott
  • 2010-10-18 15:47
  • 2997
    个人资料
    • 访问:260724次
    • 积分:4934
    • 等级:
    • 排名:第6829名
    • 原创:244篇
    • 转载:44篇
    • 译文:0篇
    • 评论:24条
    博客专栏
    友情链接
    www.80hack.com