我们在表格中指定某列排序的时候,我发现排序的时候,中文并没有很好的按照规律排序,国际上都使用ASCII码进行排序,而我们却拼音排序,Ext自动排好的中文在我们看起来是一团糟。
如下代码数据:
1
2
3
4
5
6
7
|
var
data =[
[
'1'
,
'啊'
,
'描述01'
],
[
'2'
,
'波'
,
'描述02'
],
[
'3'
,
'呲'
,
'描述03'
],
[
'4'
,
'嘚'
,
'描述04'
],
[
'5'
,
'咯'
,
'描述05'
]
];
|
为了立刻看到效果,我们通过sorters属性来为Ext.data.ArrayStore设置一个默认的排序方式,如下面的代码:
1
2
3
4
5
6
7
8
9
|
var
store =
new
Ext.data.ArrayStore({
data:data,
fields:[
{name:
'id'
},
//mapping:0 这样的可以指定列显示的位置,0代表第1列,可以随意设置列显示的位置
{name:
'name'
},
{name:
'descn'
}
],
sorters:[{property:
"name"
,direction:
"ASC"
}]
//给定一个默认的排序方式
});
|
效果就是下面这样:
解决办法如下代码,你可以把这段代码放到ext-all.js文件的最后,或者放到HTML页面的最上面,总之要在Ext初始化之后,实际代码调用之前执行。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
Ext.data.Store.prototype.createComparator =
function
(sorters){
return
function
(r1, r2){
var
s = sorters[0], f=s.property;
var
v1 = r1.data[f], v2 = r2.data[f];
var
result = 0;
if
(
typeof
(v1) ==
"string"
){
result = v1.localeCompare(v2);
if
(s.direction ==
'DESC'
){
result *=-1;
}
}
else
{
result =sorters[0].sort(r1, r2);
}
var
length = sorters.length;
for
(
var
i = 1; i<length; i ++){
s = sorters[i];
f = s.property;
v1 = r1.data[f];
v2 = r2.data[f];
if
(
typeof
(v1) ==
"string"
){
result = result || v1.localeCompare(v2);
if
(s.direction ==
'DESC'
){
result *=-1;
}
}
else
{
result = result || s.sort.call(
this
, r1, r2);
}
}
return
result;
};
};
|
现在来运行,效果如下:
效果看起来不错。
本文转自shyy8712872 51CTO博客,原文链接:http://blog.51cto.com/shuyangyang/1330925,如需转载请自行联系原作者