（转）Ext.extend()继承扩展组件示例

 

FormSet_Tabpage_SimpleSelGrid = Ext.extend(Ext.grid.GridPanel, {
    selwindow : null,
    constructor : function(obj) {
     // if (this.selwindow ==null ) selwindow= new
     // FormSet_Tabpage_SimpleSelGridWindow( obj );
     FormSet_Tabpage_SimpleSelGrid.superclass.constructor.call(this,
       {
        plain : true,
        basecls : 'x-plain',
        bodyStyle : 'padding:6px',
        store : obj.gridstore, // 动态store
        cm : obj.gridcm, // 动态cm
        autoHeight : true,
        autoWidth : true,
        trackMouseOver : false,
        viewConfig : {
         forceFit : true
        },
        loadMask : true,
        autoScroll : true,
        windowLock : false,
        listeners : {
         celldblclick : function() {
          alert(99);
          this.rowdblclick
         }
        },
        bbar : new Ext.PagingToolbar({
           pageSize : obj.gridpageSize, // 动态每页显示数
           store : obj.gridstore, // 动态store
           displayInfo : true,
           displayMsg : '第{0}-{1}条记录 共{2}',
           emptyMsg : "没有记录信息"
          }),
        sm : new Ext.grid.RowSelectionModel({
           singleSelect : true
          })
       });

    },
    rowdblclick : function() {
     alert(88);
    }
   });

FormSet_Tabpage_SimpleSelGridWindow = Ext.extend(Ext.Window, {
    selgrid : null, // new FormSet_Tabpage_SimpleSelGrid(obj),
    constructor : function(obj) {
     this.selgrid = new FormSet_Tabpage_SimpleSelGrid(obj);
     FormSet_Tabpage_SimpleSelGridWindow.superclass.constructor
       .call(this, {
          plain : true,
          title : "选择窗口",
          closeAction : 'hide',
          autoScroll : true,
          width : 300,
          modal : true,
          height : 400,
          items : this.selgrid,
          buttons : [{
             text : '确定',
             handler : this.onSubmitclick,
             scope : this
            }, {
             text : '取消',
             handler : this.onCancelclick,
             scope : this
            }]
         });
     this.addEvents("submit"); // 构造函数中添加事件
    }, // end function
    close : function() {
     this.hide();
    },
    onSubmitclick : function() {
     var gridrec = this.selgrid.getSelectionModel().getSelected();
     this.fireEvent("submit", this, gridrec); // 添加事件
     // alert( Ext.encode( gridrec.data ) )
     this.close();
    },
    onCancelclick : function() {
     alert(999);
     this.close();
    }

   })