//引入必要的EXT开发环境 <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/> <script type="text/javascript" src="extjs/js/ext-base.js"></script> <script type="text/javascript" src="extjs/js/ext-all.js"></script> <script type="text/javascript" src="extjs/js/ext-lang-zh_CN.js"></script> <script type="text/javascript"> //让grid实现中文排序 功能,重写store的applySort函数 //这段代码可以加到ext-all.js文件的最后,或者放Html页面最上 //--EXT初始化之后 ,实际代码调用之前 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.onReady(function(){ //列定义 var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id',sortable:true,width:35}, {header:'名称',dataIndex:'name',sortable:true,width:80}, {id:'descn',header:'描述',dataIndex:'descn',sortable:true,width:200} ]); //列数据 var data = [ ['1','啊','descn1'], ['2','啵','descn2'], ['3','呲','descn3'], ['4','嘚','descn4'], ['5','咯','descn5'] ]; //store mapping data to cm var store = new Ext.data.Store({ proxy: new Ext.data.MemoryProxy(data), reader: new Ext.data.ArrayReader({}, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]), sortInfo: {field: "name", direction: "ASC"}//默认排序 DESC降序 }); store.load(); //grid var grid = new Ext.grid.GridPanel({ autoHeight: true, renderTo: 'grid', store: store, cm: cm, autoExpandColumn: 'descn' }); }); </script> <body> <div id="grid"></div> </body>