书上讲的解决办法是直接修改Extjs中的ext-all.js文件,注释掉里面的b.store.sort("name", "ASC");这句代码。
这样虽然能达到效果,但是如果有的propertyGrid需要这种自动排序的功能,岂不是不行!
既然要修改源代码,那么就不要修改得这样死,废话不说了,开始吧!
我们可以在propertyGrid上增加一个配置属性,标识是否需要自动排序,比如就叫autoSort,初始值设置为true,在我们new propertyGrid的时候,如果不想自动排序,那么就配置autoSort的值为false,这样就能达到我们想要的效果了!
具体的代码如下:
Ext.grid.PropertyGrid = Ext.extend(Ext.grid.EditorGridPanel, {autoSort:true,enableColumnMove:false,stripeRows:false,trackMouseOver:false,clicksToEdit:1,enableHdMenu:false,viewConfig:{forceFit:true},initComponent:function()
{
this.customEditors = this.customEditors || {};
this.lastEditRow = null;
var b = new Ext.grid.PropertyStore(this);
this.propStore = b;
var a = new Ext.grid.PropertyColumnModel(this, b);
this.addEvents("beforepropertychange", "propertychange");
this.cm = a;
this.ds = b.store;
if (this.autoSort) {
b.store.sort("name", "ASC");
}
Ext.grid.PropertyGrid.superclass.initComponent.call(this);
……
使用时:
var processPropertyGrid = new Ext.grid.PropertyGrid({
id:'process-PropertyGrid',
title:'工序属性表',
closable:false,
height:400,
autoScroll:true,
autoSort:false
});
分享到:
相关推荐
Extjs grid 中文排序问题修正,其实很简单,请自己看源代码
Extjs 中想改变grid 行高,如果只是简单的设置了height的值是可以实现grid 的行高,但是如果使用了插件:rowexpander ,最出现新的问题。 感兴趣的朋友可以试试的。 此文档可以解决你的烦恼,为了找到资源下载,...
基于extjs分组propertyGrid ,分组不排序
Extjs动态Grid的生成 htm
功能: 中文排序功能 具体: 实现按照中文信息,进行排序 用法: 将此方法,放到ext-all.js文件最后,或者放到html页面最上面,总之要在Ext初始化之后,实际代码调用之前执行。
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
title的header表头名、width宽度、dataIndex映射名都可以根据外部定义的xml进行读取,便于将ExtJs的Grid封装
这几个中使用最多的当属ExtJs的PropertyGrid,ExtJs的PropertyGrid使用起来时相当简单的,在ExtJs的官方网站上也有相应的例子,简单的就不在叙述了。但是ExtJs本身的PropertyGrid不能支持分组,在显示的不能将属性...
extjs4打印grid插件,官网上的一个例子程序,有需要的人可以下载来看看。
Extjs4 Grid分页与自动刷新
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例
自己写的一个Extjs Grid2Grid拖拽
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
extjs4 grid 包括form js代码
Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例
ExtJs 4.0 Grid 单元格合并控件封装
基于Extjs4官方的例子,做了一个关于MVC和Grid增删改的小例子
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID EXTJS GRID