基于Ext2.0的自动配置Grid列的插件

AutoGrid 是一个基于 extjs 的插件。可以让用户保存自己选择的列,下面这一个例子是将内容保存在data.txt文件中。

关于Grid的例子,可以参考官方实例目录中关于Gird的例子。这一个插件在实现个性化Grid的时候非常有用.

使用方法:

Ext.onReady(function(){

            grid1 = new Ext.ux.AutoGridPanel({
                title:'Auto loading columnmodel',
                renderTo: 'testgrid',
                height: 400,
                width: 500,
                loadMask: true,
                
                autoSave: true,
                saveUrl: 'saveconfig.php',                
                
                store : new Ext.data.Store({
                    proxy: new Ext.data.HttpProxy({
                        url: 'query.php'
                    }),

                    reader: new Ext.data.JsonReader(
                        {root: 'rows', id: 'id'},
                        ['id','status','title', 'author', 'category','published']
                    )
                })

            });
            
            // load + metadata
            grid1.store.load({params: {meta: true}});
        });  

演示(demo)地址:
http://extjs.org.cn/extjs/extensions/autogrid2-rev-24/index.html

由于官方网站的例子中缺少data.txt，本站提供完整版的下载（见附件）。

官方介绍：http://ux.designism.nl/ux/autogrid2/