日期:2014-05-16  浏览次数:20398 次

extjs2.0通用的grid包裹(crud,以及导出execl)
下面为扩张grid的 代码
/**
* @auther huangfeng
* @class   Ext.ux.GridExtend
* 通用的grid
*/
Ext.ux.GridExtend=function(config){
    Ext.QuickTips.init();
    this.config=config;


    this.filters=this.config.filters||'';
    
    
    /**
     * @param {String}
     * 显示列表的id
     */
    this.el=this.config.el||document.body;
    /**
     * @param   {String}
     * 读取编辑数据的form的url
     */
    this.editUrl=this.config.editUrl;
    /**
     * @param   {String}
     * 读取编辑数据的form的url
     */
    this.deleteUrl=this.config.deleteUrl;
    /**
     * @param   {String}
     * 读取列表数据的url
     */
    this.storeUrl=this.config.storeUrl;
    /**
     * @param   {String}
     * 保存添加到列表数据的url
     */
    this.formSaveUrl=this.config.formSaveUrl;
    /**
     * @param   {String}
     * 列表的标题
     */
    this.title=this.config.title||'';
    /**
     * @param   {Array}
     * 列表顶部状态栏
     */
    this.tbar=this.config.tbar||[{//grid顶部栏位
            text:'添加',                  //按钮的名称
            tooltip:'添加数据',             //鼠标停留在按钮上的提示
            iconCls:'add',                  //按钮图表的类
            handler:this.newInfo.createDelegate(this)           //处理按钮被点击时触发的时间函数
        },'-',{//'-'为多按钮间隔符
            text:'删除',                  //删除按钮的名称
            tooltip:'删除数据',             //鼠标停留在按钮上的提示
            iconCls:'remove',               //按钮图表的类
            handler:this.handlerDelete.createDelegate(this)         //处理按钮被点击时触发的时间函数
        },'-',{
            text:'导出Excel',                 //删除按钮的名称
            tooltip:'导出Excel',        &