`
zhuchengzzcc
  • 浏览: 442628 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext普通排序-全局排序(转)

    博客分类:
  • ext
阅读更多

 

关于Ext的排序问题,一般涉及到两种方式。

 

A。一种是默认的客户端排序机制,对当前页进行排序。sortable

   这种排序模式不用多说,是人都会:

     1.可以在Ext.grid.ColumnModel列模式中,设置sortable:true,此列为可排序。

      var cm = new Ext.grid.ColumnModel([//定义列显示模式
         {id: "name",header: "部门名称",dataIndex: 'name',width: 50,  sortable:true },           

      ]);

     2.总体设置Ext.grid.ColumnModel的所有列的默认排序方式。

       cm.defaultSortable = true;//默认列全部可排序     

       cm.setDefaultSort('name', 'DESC');也可如:按名字倒序

 

B。进行服务器端全局排序方式。remoteSort

   这种排序方式,大家都知道,但是不一定能用好,需要一下几个步骤,少一个都不行。

   1.数据集Ext.data.Store中设置参数:remoteSort: true

      指定默认排序时,store只需添加配置一项即可,

sortInfo: {
    field: 'fieldName',
    direction: 'ASC' // or 'DESC' (case sensitive for local sorting)
}

   2.列模式Ext.grid.ColumnModel中需要进行全局排序的列中加入参数:remoteSort: true

(经过测试,只有在Store设置才能生效, ColumnModel 中不起作用,测试环境为Extjs3.4 !)

   3.后台组合数据集的方法中,

    通过:String sort= request.getParameter("sort");//要排序的列名--无需定义,ext自动后传
          String dir= request.getParameter("dir");//要排序的方式--无需定义,ext自动后传

    取数据集的时候,把这两个参数加进去,就爽了。

这时候到前台试试,看看是不是就可以进行全局排序了。

分享到:
评论

相关推荐

    ext-4.0.0.jsb2.rar

    - **依赖关系分析**:自动识别并排序文件的依赖关系,确保正确加载。 - **命名空间管理**:帮助组织和管理代码,避免全局变量污染。 3. **使用方法**:解压"ext-4.0.0.jsb2.rar"后,开发者可以查看源码学习Ext ...

    ext学习之路

    例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的JavaScript代码。为了支持中文界面,还需引入`ext-lang-zh_CN.js`。在页面完全加载后,通常会调用`Ext.onReady`函数,确保ExtJS在DOM完全就绪后...

    Ext-JS框架中文文档

    - **ExtJS命名空间的定义**: 命名空间是ExtJS中组织代码的一种方式,它有助于避免全局变量的污染。 - **配置(config)选项**: 配置选项允许开发者在创建组件时设置各种属性,这些属性决定了组件的行为和外观。 - *...

    Ext.Array例子

    `Ext.MessageBox` 是EXTJS提供的一个全局对象,用于创建各种类型的消息对话框。以下是一些常用的方法: 1. **警告消息**:`Ext.MessageBox.warning(message)` 显示警告对话框 2. **确认对话框**:`Ext.MessageBox....

    Ext 开发指南 学习资料

    2.7.5. 谣言说ext不支持前台排序 2.8. 爱生活,EditorGrid。 2.8.1. 旋动舞步,看我们怎么把这个EditorGrid炫出来。 2.8.2. 添加一行,再把它踢掉 2.8.3. 一切就绪,你可以按保存按钮了。 2.8.4. 天马行空,保证提交...

    Ext.Net项目

    Ext.Net项目是一个基于.NET框架和JavaScript库Ext JS的Web开发框架。这个项目源码提供了一个完整的实例,适合初学者深入理解和学习Ext.Net的使用。它包括了完整的项目结构、源代码以及相关的数据库,使得开发者可以...

    ext+php+mysql班级同学录

    `data-view.css`和`data-view.js`文件是这个组件的核心,CSS文件用于定义视图的样式,JS文件则包含了视图的逻辑,如数据加载、排序和过滤。`data-view-plugins.js`可能包含了一些扩展插件,以增强数据视图的功能,...

    ext多文件上传

    通常会用到`$_FILES`全局数组来获取上传的文件信息,然后进行保存、验证等操作。同时,EXTJS中的表单组件还支持删除、修改和查询操作。 - **删除**:EXTJS的GridPanel可以展示已上传文件列表,通过添加一个删除按钮...

    ext+js深入浅出

    ### ext+js深入浅出:关键技术知识点解析 #### 一、EXTJS概述 **EXTJS**,简称**EXT**,是一种先进的Ajax框架,用于构建视觉效果丰富的客户端应用程序。该框架完全由JavaScript编写而成,能够独立于后端技术,这...

    Ext开发总结

    EventManager是Ext中的一个全局对象,用于统一管理事件处理,包括DOM事件的代理和事件冒泡控制。 7. `Ext.EventObject` `EventObject`是对浏览器原生事件对象的封装,提供了额外的便利方法,如`getTarget`(获取...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +PageManager.Instance应该存在于HttpContext.Current,而不是一个全局变量。 -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性...

    图书管理系统(struts+hibernate+spring+ext)130221.zip

    在图书管理系统中,EXT用于创建用户友好的界面,如表格、表单、树形结构等,提供数据分页、排序、过滤等功能,增强用户体验。EXT与后端SSH框架通过Ajax通信,实现页面无刷新的数据交互。 5. **系统架构**: 这个...

    ExtJS中文手册.pdf

    - **Grid**:一个高度可配置的数据网格组件,支持排序、筛选、分页等功能。 - **更多Widgets**:ExtJS还提供了许多其他类型的组件,如按钮、面板、标签页等。 #### 7. 使用Ajax - **异步通信**:ExtJS支持通过...

    ExtJS-3.4.0系列目录

    Ext.MessageBox是简单的全局API,而Ext.window.MessageBox则是基于窗口的实现,可以自定义更多内容和行为,如添加按钮、调整大小等。 3. **Ext.toolbar.Toolbar和Ext.menu.Menu** - **工具栏(Toolbar)**:通常...

    Ext深入浅出 数据传输

    10.4.2 对数据进行排序.......................234 10.4.3 从store中获取数据...............234 10.4.4 更新store中的数据...............236 10.4.5 加载及显示数据.......................237 10.4.6 其他功能......

    Extjs中文教程

    - 命名空间是Extjs中组织代码的一种方式,用于避免全局变量冲突。 - 使用`Ext.namespace`方法来定义命名空间。 - **Extjs OOP** - Extjs提供了一套面向对象的编程模型,支持类的继承、封装等特性。 - 通过`Ext....

    ext两张表组成的tree结构防止id重复的方法(一)

    例如,我们可以基于时间戳、随机数或者特定的计算规则来生成全局唯一的ID。此外,我们可以结合数据库的唯一约束来确保这一点。在创建表的时候,可以定义一个主键字段,并设置为自动增长,这样每次插入新记录时,...

Global site tag (gtag.js) - Google Analytics