转自深入浅出ExtJs
// 重载 Ext.data.Store.prototype.applySort 函数以修复 DataStore 对汉字排序异常的问题
// var _applySort = Ext.data.Store.prototype.applySort;
//如有需要,保存原 applySort 函数的引用,重载 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]);
// 添加:修复汉字排序异常的Bug
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);
}
} };
分享到:
相关推荐
在ExtJS中,可以通过重写`Ext.data.Store.prototype.applySort`方法来实现中文排序。具体步骤如下: 1. **检查排序信息**:首先判断当前Store是否设置了排序信息,并且不是远程排序。 2. **获取字段信息**:从排序...
在中文环境中,我们通常希望按照汉字的拼音或笔画顺序来排序。 为了解决这个问题,我们可以重写Ext.data.Store的`applySort`函数,以便在进行本地排序时应用中文排序规则。上述代码正是这样一个解决方案。它将原生...
本文将详细介绍如何通过自定义`Ext.data.Store`中的排序方法来支持中文排序功能。 #### 一、背景介绍 在使用EXT框架构建的项目中,`Ext.data.Store`是用于管理数据的核心类之一。它提供了存储、检索、排序等功能。...
一个关于EXTJs 表格 中文排序的例子
5. **GridPanel**:Ext的表格控件,支持分页、排序、过滤、编辑等功能,是数据展示和操作的重要工具。 6. **TreePanel**:树形视图组件,用于展示层次结构的数据,常用于菜单、文件系统或者组织结构的显示。 7. **...
10. **国际化支持**:"ext中文帮助文档最终版"意味着EXT库有中文文档,对于中文开发者来说,更容易理解和学习EXT的API和使用方法。 EXT 2.0.2作为EXT 2.0的一个补丁版本,很可能包含了对一些已知问题的修复和性能...
### EXT中文教程知识点详解 #### 1. EXT简介与核心概念 EXT,即Ext JS,是一种基于JavaScript的开源框架,用于构建复杂的Web应用程序。它提供了一系列丰富的用户界面组件,简化了DOM操作,使得开发者能够轻松地...
在EXT 3.0中文文档.CHM文件中,开发者可以找到关于EXT组件、布局、数据绑定、AJAX通信、事件处理等方面的详细信息。这个CHM文件通常包含一个索引和搜索功能,使得查找特定API或概念变得更加便捷。通过深入学习和理解...
在EXT3.0中,GridPanel是用于展示大量结构化数据的组件,其包含各种功能,如排序、分页、筛选和编辑。API文档会详细解析GridPanel的配置选项、列模型、行编辑器等,帮助开发者实现高效的数据展示和管理。TreePanel则...
同时,EXT2.0增强了表格控件,提供了分页、排序和过滤等功能,极大地提升了数据展示的效率。此外,2.0版本还引入了Ajax数据绑定,使得前端和后端数据交互更为便捷。 EXT2.3作为后续版本,主要在于性能优化和功能...
中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据
1. **Panel**:这是EXT中最基础的组件,可以用来构建整个应用的基础结构。它包含标题、工具栏、边框和可折叠等功能。 2. **Grid**:EXT的网格组件是其一大特色,用于显示和操作表格数据。它可以进行分页、排序、...
"EXT学习手册"是针对EXT库的学习资源,分为中英文两个版本,主要涵盖了EXT的常用方法、属性以及整个EXT框架的介绍。对于初学者和有经验的开发者来说,这都是一个非常有价值的参考资料。 CHM(Compiled HTML Help)...
Ext JS支持各种常用的Web界面组件,如表格(Grids)、树状视图(Trees)、窗体(Forms)、面板(Panels)、工具栏(Toolbars)等,几乎可以满足Web应用开发中的大部分界面需求。 Ext JS类库的核心概念包括Element、...
这个中文版文档对于那些不熟悉英文原版或者希望更深入理解EXT JS 3.0特性的开发者来说,是一份宝贵的资源。 EXT JS 3.0 的核心特性包括: 1. **组件化开发**:EXT JS 提供了大量的预定义组件,如表格、面板、菜单...
### Ext2.2 中文手册知识点总结 #### 1. Ext简介 - **定义与特点**:Ext 是一款基于 JavaScript 的开源...以上知识点总结涵盖了 Ext2.2 中文手册中的主要内容,从基本概念到具体实践,为初学者提供了全面的学习指南。
4. **网格(Grid)**:EXT的网格组件功能强大,支持分页、排序、过滤、拖放等功能,适用于展示大量结构化的数据。 5. **表单(Form)**:EXT提供了丰富的表单组件和表单处理功能,支持各种验证规则和远程提交,便于...
4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField ...
2. **设置中文包**:如果需要中文界面,可以创建一个名为`ext-lang-zh_CN.js`的中文语言文件,放入EXT的根目录下。 3. **启动EXT**:使用`Ext.onReady`函数在DOM加载完成后执行EXT的初始化代码,例如弹出一个消息框...
EXTJS Grid默认的排序机制对于英文字符处理得较好,但对于中文字符,由于编码和比较规则的不同,可能会导致排序结果不正确。本教程将详细讲解如何修正EXTJS Grid中的中文排序问题。 首先,我们需要理解EXTJS Grid的...