为了让Grid实现中文排序的功能,我们需要重写Ext.data.Store的applySort函数,代码如下所示:
Ext.data.Store.prototype.applySort = function() {
if (this.sortInfo && !this.remoteSort) {
var s = this.sortInfo, f = s.field;
var st = this.fields.get(f).sortType;
var fn = function(r1, r2) {
var v1 = st(r1.data[f]), v2 = st(r2.data[f]);
if (typeof(v1) == "string") {
return v1.localeCompare(v2);
}
return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0) ;
};
this.data.sort(s.direction, fn);
if(this.snapshot && this.snapshot != this.data) {
this.snapshot.sort(s.direction, fn);
}
}
};
分享到:
相关推荐
通过这种方式,我们可以确保Ext Grid中的中文列按照预期的中文排序方式进行排序,提供更好的用户体验。需要注意的是,这种方法仅适用于本地排序,如果数据是从服务器端获取并进行排序的(remoteSort设置为true),则...
### EXT支持GRID中文排序 #### 知识点详解 在前端开发中,特别是涉及到表格数据展示的应用场景下,对表格中的数据进行排序是一项常见的需求。对于包含中文字符的数据集而言,实现准确、高效的中文排序尤为关键。...
在ExtJS中,可以通过重写`Ext.data.Store.prototype.applySort`方法来实现中文排序。具体步骤如下: 1. **检查排序信息**:首先判断当前Store是否设置了排序信息,并且不是远程排序。 2. **获取字段信息**:从排序...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
3. 排序:Grid中的每一列都可以设置为可排序,用户只需点击列头,即可根据该列数据进行升序或降序排序。 4. 自定义列:EXT Grid允许开发者自定义列的显示样式和行为,可以添加图片、链接,甚至嵌入其他EXT组件。 5...
EXT2.0 GRID组件是EXT库中的核心部分,它允许开发者以表格形式显示数据,并提供了一系列功能,如排序、分页、筛选、编辑等。GRID不仅外观美观,而且性能高效,能够处理大量数据并提供流畅的用户体验。 在EXT2.0 ...
http: www extgrid com extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过...extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列 [更多]
Ext4 Grid提供了丰富的功能,包括数据排序、筛选、分页以及列的动态调整等。在这个场景下,"grid打印"指的是将Grid中的数据导出或者可视化地呈现到纸上,以便于用户进行查阅或存档。这通常涉及到打印预览,确保数据...
Ext grid panel 是Ext JS框架中的一个组件,用于展示表格形式的数据。它提供了丰富的功能,如分页、排序、筛选等,并且可以通过配置实现自定义样式和交互行为。对于实时数据的展示,保持滚动条位置不变是一个关键...
当我们需要将Ext Grid中的数据导出为Excel格式时,这通常涉及到数据的处理和转换,以便用户能够方便地在离线环境中分析或共享。这篇博客"Ext Grid 导出Excel"可能详细介绍了如何实现这一功能。 首先,让我们理解Ext...
在Ext JS这个强大的JavaScript框架中,`Grid`是用于展示数据的一种常见组件,它提供了灵活的数据展示和操作功能。在实际开发中,我们有时需要在Grid的单元格(Cell)中添加更丰富的交互元素,例如输入框、下拉选择器...
本教程将详细讲解如何修正EXTJS Grid中的中文排序问题。 首先,我们需要理解EXTJS Grid的排序原理。EXTJS Grid的排序功能是基于其内部的Store对象实现的,Store中的每条记录都有一个对应的sortField和sortDir属性,...
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
7. **编辑(Editing)**: 如果需要在Grid中直接编辑数据,可以使用CellEditing或RowEditing插件。它们提供了在单元格或整行内编辑数据的能力。 8. **事件监听(Event Handling)**: Grid组件提供了丰富的事件,如`...
在这个"Ext Grid简单实例"中,我们将探讨如何从Web服务提取数据并将其在Grid中显示。 首先,让我们了解基本的Ext Grid组成部分: 1. **Store**: Store是数据存储的地方,它可以连接到不同的数据源,如JSON、XML或...
Grid组件在EXT JS中扮演着数据表格的角色,可以展示多列数据,并且支持排序、分页、筛选、编辑等功能。它的灵活性在于能够根据需求定制各种复杂的行为,如自定义列渲染、行编辑、拖放排序等。以下是一些关于EXT JS ...
在EXT Grid中,用户常常需要将数据显示的数据导出到Excel文件中,以便于进一步的数据分析、存储或分享。本文将详细讲解EXT Grid如何实现Excel导出功能。 EXT Grid导出Excel功能的核心是利用浏览器的Blob对象和...
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
在这个例子中,Grid从数据库获取数据,这意味着后端可能使用了Ajax请求或者Store对象来与服务器交互,将返回的数据绑定到Grid中。此外,动态显示意味着数据加载是实时的,用户可以观察到数据的即时更新。 2. **EXT ...
`Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。对于初学者或者希望深入理解`GridPanel`特性的Web开发人员来说,掌握其...