panel 中的tools使用（一）

 

tools : Array

一個工具欄按鈕數組，這個工具欄非同一般哦，不是tbar，也不是bbar，而是header上的標題欄，header上的標題欄是怎樣的概念？你看到的panel的關閉按鈕這個鈕，超爽吧。每個工具欄元素以一個Element引用的方式向開發人員公開，通過

tools.的方式引用。暴爽。

每個工具欄成員的config要包含下面屬性：

id:string

必需的，工具欄按鈕的類型，可取值如下：

toggle (Created by default when collapsible is true)

close

minimize

maximize

restore

gear

pin

unpin

right

left

up

down

refresh

minus

plus

help

search

save

print

handler : Function

必需，當按鈕被單擊時被執行。它的參數說明如下：

event:Ext.EventObject

toolel:Ext.Element

Panel : Ext.Panel宿主panel

scope : Object

qtip:String/Object

一個tips字符串或者是tips config，用於Ext.QuickTip.register.

hidden : Boolean

on : Object

自定義事件處理器的config，爲addListener所用。

示例如下：

tools:[{

    id:'refresh',

    qtip: 'Refresh form Data',

    // hidden:true,

    handler: function(event, toolEl, panel){

        // refresh logic

    }

}]

注意：除了toggle之外，其他工具欄成員都只是提供一個可視化的圖標，沒有任何功能，所以，如果你要加入它們，得自己寫處理函數。