extjs4.0 解决grid中文排序错乱问题～～～

   因为extjs grid中文排序是按照ascii码排的,所以排序错乱,我的思路就是先把中文转成拼音,然后再排序应该就可以

   测试所用

 

Ext.apply(Ext.data.SortTypes, { asString : function(value) { // expects an object with a first and last name property if (value == '北京') { return 'beijing'; } else if (value == '上海') { return 'shanghai'; } else if (value == '广州) { return 'guanzhou'; } else if (value == '河北') { return 'hebei'; } else if (value == '河南') { return 'henan'; } else if (value == '四川') { return 'sichuan'; } else if (value == '云南') { return 'yunnan'; } else if (value == '湖北') { return 'hubei'; } else if (value == '福建') { return 'fujian'; } return ""; } }); Ext.define('model', { extend : 'Ext.data.Model', fields : [ { name : 'DESCR', sortType : 'asString' } ] });  
   测试排序成功。

   下面是正式的代码Pinyin.js  是在网上搜的  因为firefox不支持vbscript  所以网上搜的那些vbscript的asc,mid,hex的不会报错,这个是纯javascript,应该无碍

Pinyin.js

var Pinyin={} Pinyin._pinyin={"a":"\u554a\u963f\u9515","ai":"\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a7\u7839\u953f\u972d","an":"\u978d\u6c28\u5b89\u4ffa\u6309\u6697\u5cb8\u80fa\u6848\u8c19\u57ef\u63de\u72b4\u5eb5\u6849\u94f5\u9e4c\u9878\u9eef","ang":"\u80ae\u6602\u76ce","ao":"\u51f9\u6556\u71ac\u7ff1\u8884\u50b2\u5965\u61ca\u6fb3\u5773\u62d7\u55f7\u5662\u5c99\u5ed2\u9068\u5aaa\u9a9c\u8071\u87af\u93ca\u9ccc\u93d6","ba":"\u82ad\u634c\u6252\u53ed\u5427\u7b06\u516b\u75a4\u5df4\u62d4\u8dcb\u9776\u628a\u8019\u575d\u9738\u7f62\u7238\u8307\u83dd\u8406\u636d\u5c9c\u705e\u6777\u94af\u7c91\u9c85\u9b43","bai":"\u767d\u67cf\u767e\u6446\u4f70\u8d25\u62dc\u7a17\u859c\u63b0\u97b4","ban":"\u6591\u73ed\u642c\u6273\u822c\u9881\u677f\u7248\u626e\u62cc\u4f34\u74e3\u534a\u529e\u7eca\u962a\u5742\u8c73\u94a3\u7622\u764d\u8228","bang":"\u90a6\u5e2e\u6886\u699c\u8180\u7ed1\u68d2\u78c5\u868c\u9551\u508d\u8c24\u84a1\u8783","bao":"\u82de\u80de\u5305\u8912\u96f9\u4fdd\u5821\u9971\u5b9d\u62b1\u62a5\u66b4\u8c79\u9c8d\u7206\u52f9\u8446\u5b80\u5b62\u7172\u9e28\u8913\u8db5\u9f85","bo":"\u5265\u8584\u73bb\u83e0\u64ad\u62e8\u94b5\u6ce2\u535a\u52c3\u640f\u94c2\u7b94\u4f2f\u5e1b\u8236\u8116\u818a\u6e24\u6cca\u9a73\u4eb3\u8543\u5575\u997d\u6a97\u64d8\u7934\u94b9\u9e41\u7c38\u8ddb","bei":"\u676f\u7891\u60b2\u5351\u5317\u8f88\u80cc\u8d1d\u94a1\u500d\u72c8\u5907\u60eb\u7119\u88ab\u5b5b\u9642\u90b6\u57e4\u84d3\u5457\u602b\u6096\u789a\u9e4e\u8919\u943e","ben":"\u5954\u82ef\u672c\u7b28\u755a\u574c\u951b","beng":"\u5d29\u7ef7\u752d\u6cf5\u8e66\u8ff8\u552a\u5623\u750f","bi":"\u903c\u9f3b\u6bd4\u9119\u7b14\u5f7c\u78a7\u84d6\u853d\u6bd5\u6bd9\u6bd6\u5e01\u5e87\u75f9\u95ed\u655d\u5f0a\u5fc5\u8f9f\u58c1\u81c2\u907f\u965b\u5315\u4ef3\u4ffe\u8298\u835c\u8378\u5421\u54d4\u72f4\u5eb3\u610e\u6ed7\u6fde\u5f3c\u59a3\u5a62\u5b16\u74a7\u8d32\u7540\u94cb\u79d5\u88e8\u7b5a\u7b85\u7be6\u822d\u895e\u8df8\u9ac0","bian":"\u97ad\u8fb9\u7f16\u8d2c\u6241\u4fbf\u53d8\u535e\u8fa8\u8fa9\u8fab\u904d\u533e\u5f01\u82c4\u5fed\u6c74\u7f0f\u7178\u782d\u78a5\u7a39\u7a86\u8759\u7b3e\u9cca","biao":"\u6807\u5f6a\u8198\u8868\u5a4a\u9aa0\u98d1\u98d9\u98da\u706c\u9556\u9573\u762d\u88f1\u9cd4","bie":"\u9cd6\u618b\u522b\u762a\u8e69\u9cd8","bin":"\u5f6c\u658c\u6fd2\u6ee8\u5bbe\u6448\u50a7\u6d5c\u7f24\u73a2\u6ba1\u8191\u9554\u9acc\u9b13","bing":"\u5175\u51b0\u67c4\u4e19\u79c9\u997c\u70b <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="39072">上一篇： ssh如何知道删除实体成不成功 </a></li> <li class="next"><a href="29567">下一篇： JS-浅谈“JavaScript库” </a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/javasript/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/21636' title=' 怎么能在提交表单时过滤掉没更改的值，只POST修改过的值 ' target="_blank"> 怎么能在提交表单时过滤掉没更改的值，只POST修改过的值 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/38433' title=' 为什么程序的javascript脚本在特定的一台电脑在前一天还好用，今天所有的脚本都不好用了解决办法 ' target="_blank"> 为什么程序的javascript脚本在特定的一台电脑在前一天还好用，今天所有的脚本都不好用了解决办法 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/24719' title=' Servlet跟JSP复习笔记 ' target="_blank"> Servlet跟JSP复习笔记 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/28188' title=' jQuery.expr[':']跟Jquery.cleanData是什么 ' target="_blank"> jQuery.expr[':']跟Jquery.cleanData是什么 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/7884' title=' javascript兼容性集锦(IE/FF) ' target="_blank"> javascript兼容性集锦(IE/FF) </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/38718' title=' D-tree解决思路 ' target="_blank"> D-tree解决思路 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/3662' title=' iframe跟模版页怎样共存 ' target="_blank"> iframe跟模版页怎样共存 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/26327' title=' 【转载】深入懂得Javascript之this关键字 ' target="_blank"> 【转载】深入懂得Javascript之this关键字 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/javasript/8084' title=' checkbox选中状态在jquery加载后被移除解决方法 ' target="_blank"> checkbox选中状态在jquery加载后被移除解决方法 </a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs"> <!--右边的内容--> <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/cloud/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/vps2.png" alt="香港云服务器 免备案 云主机VPS 国内 独立IP 独享15M 月付SSD" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/javasript/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/javasript/35000 title=' 跨行业问两个关于表格的有关问题 ' target="_blank"> 跨行业问两个关于表格的有关问题 </a></li> <li class="articleAbout"><a href=/javasript/12479 title=' JSON AJAX例证 ' target="_blank"> JSON AJAX例证 </a></li> <li class="articleAbout"><a href=/javasript/17435 title=' javascript 阻截回车键 ' target="_blank"> javascript 阻截回车键 </a></li> <li class="articleAbout"><a href=/javasript/14081 title=' 解析Json——Json种的静态方法 ' target="_blank"> 解析Json——Json种的静态方法 </a></li> <li class="articleAbout"><a href=/javasript/21946 title=' jquery-json应用 ' target="_blank"> jquery-json应用 </a></li> <li class="articleAbout"><a href=/javasript/33886 title=' JavaScript怎么实现一个.TXT文件的隐匿上传 ' target="_blank"> JavaScript怎么实现一个.TXT文件的隐匿上传 </a></li> <li class="articleAbout"><a href=/javasript/3708 title=' jQuery 对象操作解决思路 ' target="_blank"> jQuery 对象操作解决思路 </a></li> <li class="articleAbout"><a href=/javasript/25349 title=' JavaScript获取银幕对象 ' target="_blank"> JavaScript获取银幕对象 </a></li> <li class="articleAbout"><a href=/javasript/828 title=' js控制div宽度的有关问题 ' target="_blank"> js控制div宽度的有关问题 </a></li> <li class="articleAbout"><a href=/javasript/3354 title=' myeclipse jsp js java编码批改 ' target="_blank"> myeclipse jsp js java编码批改 </a></li> <li class="articleAbout"><a href=/javasript/32795 title=' 单击一个页面 中框架中链接跳到另一个页面中框架中有关问题 具体如下 ' target="_blank"> 单击一个页面 中框架中链接跳到另一个页面中框架中有关问题 具体如下 </a></li> <li class="articleAbout"><a href=/javasript/1973 title=' web网页怎么下载文件?除了用xml.http的方法? ' target="_blank"> web网页怎么下载文件?除了用xml.http的方法? </a></li> <li class="articleAbout"><a href=/javasript/38248 title=' ASP中怎么改变TEXT文本框内输入字的字体和大小 ' target="_blank"> ASP中怎么改变TEXT文本框内输入字的字体和大小 </a></li> <li class="articleAbout"><a href=/javasript/34924 title=' meizz请进解决办法 ' target="_blank"> meizz请进解决办法 </a></li> <li class="articleAbout"><a href=/javasript/16258 title=' 一个基于jsp/servlet/javabean的存储过程or sql话语分页的例子 ' target="_blank"> 一个基于jsp/servlet/javabean的存储过程or sql话语分页的例子 </a></li> <li class="articleAbout"><a href=/javasript/5261 title=' Chrome浏览器自动加载分页广告求拯救 ' target="_blank"> Chrome浏览器自动加载分页广告求拯救 </a></li> <li class="articleAbout"><a href=/javasript/26869 title=' 六道有趣的JS基础题解答(完) ' target="_blank"> 六道有趣的JS基础题解答(完) </a></li> <li class="articleAbout"><a href=/javasript/32353 title=' 求jQuery验证金额的正则表达式。解决方法 ' target="_blank"> 求jQuery验证金额的正则表达式。解决方法 </a></li> <li class="articleAbout"><a href=/javasript/30448 title=' escape()转义后报错：有潜在危险的 Request.QueryString 值解决方案 ' target="_blank"> escape()转义后报错：有潜在危险的 Request.QueryString 值解决方案 </a></li> <li class="articleAbout"><a href=/javasript/13942 title=' js 的 this解决方案 ' target="_blank"> js 的 this解决方案 </a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2024 爱易网页 当前在线：804人　 网站在52分44秒内访问总人数：34749人 当前 43.57% 　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>