关于Ext.PagingToolbar的按钮不能变成灰色

ext2.0 Ext.PagingToolbar的按钮当不能点击时，它的颜色还是原来的颜色，并不会变成灰色，这让人感觉很不爽，不过我们可以通过修改Ext.PagingToolbar的“updateInfo ”配置来实现这个效果

 

js代码如下：

 

 

var bbar=new Ext.PagingToolbar({
    pageSize : defaultPageSize,
    store : posds,

       //修改updateInfo 配置项
          updateInfo : function(){
                 if(this.displayEl){
                     var count = this.store.getCount();
                     var msg = count == 0 ?
                         this.emptyMsg :
                         String.format(
                             this.displayMsg,
                             this.cursor+1, this.cursor+count, this.store.getTotalCount()
                         );
                     this.displayEl.update(msg);

          //实现代码
                     var total = this.store.getTotalCount();
                        var totalPage=(total-total%this.pageSize)/this.pageSize+1;
            count=this.cursor;
            curr_page=count/this.pageSize;
            if(totalPage==1){
             this.next.addClass("x-item-disabled");
                         this.last.addClass("x-item-disabled");
                         this.first.addClass("x-item-disabled");
                         this.prev.addClass("x-item-disabled");
            }else if(curr_page+1==totalPage){
                         this.next.addClass("x-item-disabled");
                         this.last.addClass("x-item-disabled");
                         this.first.removeClass("x-item-disabled");
                         this.prev.removeClass("x-item-disabled");
                        }else if(curr_page+1==1){
                         this.first.addClass("x-item-disabled");
                         this.prev.addClass("x-item-disabled");
                         this.next.removeClass("x-item-disabled");
                         this.last.removeClass("x-item-disabled");
                  }else if(1<curr_page+1<totalPage){
                   this.first.removeClass("x-item-disabled");
                         this.prev.removeClass("x-item-disabled");
                         this.next.removeClass("x-item-disabled");
                         this.last.removeClass("x-item-disabled");
                  }
                 }
            
             },
    displayMsg : '第 {0} - {1} 条，共计 {2} 条',      
    displayInfo : true,
    emptyMsg : "没有记录"
   });