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之外，其他工具栏成员都只是提供一个可视化的图标，没有任何功能，所以，如果你要加入它们，得自己写处理函数。