关于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自动后传
取数据集的时候,把这两个参数加进去,就爽了。
这时候到前台试试,看看是不是就可以进行全局排序了。
分享到:
相关推荐
- **依赖关系分析**:自动识别并排序文件的依赖关系,确保正确加载。 - **命名空间管理**:帮助组织和管理代码,避免全局变量污染。 3. **使用方法**:解压"ext-4.0.0.jsb2.rar"后,开发者可以查看源码学习Ext ...
例如,`ext-all.css`用于加载全局样式,而`ext-all.js`则包含了所有的JavaScript代码。为了支持中文界面,还需引入`ext-lang-zh_CN.js`。在页面完全加载后,通常会调用`Ext.onReady`函数,确保ExtJS在DOM完全就绪后...
- **ExtJS命名空间的定义**: 命名空间是ExtJS中组织代码的一种方式,它有助于避免全局变量的污染。 - **配置(config)选项**: 配置选项允许开发者在创建组件时设置各种属性,这些属性决定了组件的行为和外观。 - *...
`Ext.MessageBox` 是EXTJS提供的一个全局对象,用于创建各种类型的消息对话框。以下是一些常用的方法: 1. **警告消息**:`Ext.MessageBox.warning(message)` 显示警告对话框 2. **确认对话框**:`Ext.MessageBox....
2.7.5. 谣言说ext不支持前台排序 2.8. 爱生活,EditorGrid。 2.8.1. 旋动舞步,看我们怎么把这个EditorGrid炫出来。 2.8.2. 添加一行,再把它踢掉 2.8.3. 一切就绪,你可以按保存按钮了。 2.8.4. 天马行空,保证提交...
Ext.Net项目是一个基于.NET框架和JavaScript库Ext JS的Web开发框架。这个项目源码提供了一个完整的实例,适合初学者深入理解和学习Ext.Net的使用。它包括了完整的项目结构、源代码以及相关的数据库,使得开发者可以...
`data-view.css`和`data-view.js`文件是这个组件的核心,CSS文件用于定义视图的样式,JS文件则包含了视图的逻辑,如数据加载、排序和过滤。`data-view-plugins.js`可能包含了一些扩展插件,以增强数据视图的功能,...
通常会用到`$_FILES`全局数组来获取上传的文件信息,然后进行保存、验证等操作。同时,EXTJS中的表单组件还支持删除、修改和查询操作。 - **删除**:EXTJS的GridPanel可以展示已上传文件列表,通过添加一个删除按钮...
### ext+js深入浅出:关键技术知识点解析 #### 一、EXTJS概述 **EXTJS**,简称**EXT**,是一种先进的Ajax框架,用于构建视觉效果丰富的客户端应用程序。该框架完全由JavaScript编写而成,能够独立于后端技术,这...
EventManager是Ext中的一个全局对象,用于统一管理事件处理,包括DOM事件的代理和事件冒泡控制。 7. `Ext.EventObject` `EventObject`是对浏览器原生事件对象的封装,提供了额外的便利方法,如`getTarget`(获取...
+PageManager.Instance应该存在于HttpContext.Current,而不是一个全局变量。 -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性...
在图书管理系统中,EXT用于创建用户友好的界面,如表格、表单、树形结构等,提供数据分页、排序、过滤等功能,增强用户体验。EXT与后端SSH框架通过Ajax通信,实现页面无刷新的数据交互。 5. **系统架构**: 这个...
- **Grid**:一个高度可配置的数据网格组件,支持排序、筛选、分页等功能。 - **更多Widgets**:ExtJS还提供了许多其他类型的组件,如按钮、面板、标签页等。 #### 7. 使用Ajax - **异步通信**:ExtJS支持通过...
Ext.MessageBox是简单的全局API,而Ext.window.MessageBox则是基于窗口的实现,可以自定义更多内容和行为,如添加按钮、调整大小等。 3. **Ext.toolbar.Toolbar和Ext.menu.Menu** - **工具栏(Toolbar)**:通常...
10.4.2 对数据进行排序.......................234 10.4.3 从store中获取数据...............234 10.4.4 更新store中的数据...............236 10.4.5 加载及显示数据.......................237 10.4.6 其他功能......
- 命名空间是Extjs中组织代码的一种方式,用于避免全局变量冲突。 - 使用`Ext.namespace`方法来定义命名空间。 - **Extjs OOP** - Extjs提供了一套面向对象的编程模型,支持类的继承、封装等特性。 - 通过`Ext....
例如,我们可以基于时间戳、随机数或者特定的计算规则来生成全局唯一的ID。此外,我们可以结合数据库的唯一约束来确保这一点。在创建表的时候,可以定义一个主键字段,并设置为自动增长,这样每次插入新记录时,...