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();
    }

   })