包含extjs滾動條美化的詞條

本文目錄一覽：

• 1、extjs 中bbar中數據太多，屏幕顯示不全需要有在bbar設置滾動條，求大神指導….
• 2、Extjs怎麼在panel面板裡面設置滾動條
• 3、Extjs5里怎麼設置panel的滾動條樣式？
• 4、ExtJS 官網API的滾動條樣式怎麼弄？

extjs 中bbar中數據太多，屏幕顯示不全需要有在bbar設置滾動條，求大神指導….

換行顯示吧，滾動條的即使弄上也不好看，不好操作的，呵呵。

弄成兩行，這樣干：

自定義一個bbar，例如：

var mybbar = [{

    text: ‘刷新’

   },{

    text: ‘新增’

   }];

再定一個bbar，分頁的工具條bar（普通的bar也行），例如：

var otherbar=new Ext.PagingToolbar({

    store:store,

    pageSize:pageSize,

    displayInfo:true,

    displayMsg:”當前顯示從{0}條到{1}條，共{2}條”,

   items : [{

     text: ‘修改’

    },”-“,{

     text: ‘刪除’

    }]

   });

然後在grid中這樣：

 var grid=new Ext.grid.GridPanel({

  ……

  bbar: mybbar , //第一個bar 

 listeners : {    

     render : function(data){

         otherbar.render(grid.bbar); //另一個bar

     }

}

你試試~~~

Extjs怎麼在panel面板裡面設置滾動條

設置scrollable：true.

如果內容超過panel的寬度、高度就會出現滾動條

scrollable : Boolean/String/Object

Configuration options to make this Component scrollable. Acceptable values are:

true to enable auto scrolling.

false (or null) to disable scrolling – this is the default.

x or horizontal to enable horizontal scrolling only

y or vertical to enable vertical scrolling only

Also accepts a configuration object for a Ext.scroll.Scroller if if advanced configuration is needed.

The getter for this config returns the Scroller instance. You can use the Scroller API to read or manipulate the scroll position:

Extjs5里怎麼設置panel的滾動條樣式？

最新版本是Extjs5.0.1，我們可以在官方網站進行下載。（這裡不得不提一句，Extjs5到目前為止還沒有免費的授權，所以下載到的版本是試用版。）

下載到的壓縮包解壓以後，你會看到一大堆的文件夾和文件，我們該如何使用Extjs5呢？

之前看到過別人說的通過Sencha CMD創建Extjs5項目，但個人覺得那種方式並不適合我們目前的開發模式。我說做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以絕對不上簡單的通過Sencha CMD 生成Extjs5項目那麼簡單。

ExtJS 官網API的滾動條樣式怎麼弄？

確實，我也挺喜歡的。我花了很長時間給弄下來了，發現到了火狐上面還是原來的滾動條