📄 tabpanel.tag
字号:
(String)A CSS class that will provide a background image to be used as the panel header icon (defaults to '').
" %>
<%@ attribute
name="id"
type="java.lang.String"
required="false"
description="
(String)The unique id of this component (defaults to an auto-assigned id).
" %>
<%@ attribute
name="items"
type="java.lang.String"
required="false"
description="
(Mixed)A single item, or an array of child Components to be added to this container. Each item can be any type of object based on Ext.Component.
Component config objects may also be specified in order to avoid the overhead of constructing a real Component object if lazy rendering might mean that the added Component will not be rendered immediately. To take advantage of this 'lazy instantiation', set the Ext.Component.xtype config property to the registered type of the Component wanted.
For a list of all available xtypes, see Ext.Component. If a single item is being passed, it should be passed directly as an object reference (e.g., items: {...}). Multiple items should be passed as an array of objects (e.g., items: [{...}, {...}]).
" %>
<%@ attribute
name="keys"
type="java.lang.Object"
required="false"
description="
(Object/Array)A KeyMap config object (in the format expected by Ext.KeyMap.addBinding used to assign custom key handling to this panel (defaults to null).
" %>
<%@ attribute
name="layout"
type="java.lang.String"
required="false"
description="
(String)The layout type to be used in this container. If not specified, a default Ext.layout.ContainerLayout will be created and used. Valid values are: accordion, anchor, border, card, column, fit, form and table. Specific config values for the chosen layout type can be specified using layoutConfig.
" %>
<%@ attribute
name="layoutConfig"
type="java.lang.Object"
required="false"
description="
(Object)This is a config object containing properties specific to the chosen layout (to be used in conjunction with the layout config value). For complete details regarding the valid config options for each layout type, see the layout class corresponding to the type specified:
* Ext.layout.Accordion
* Ext.layout.AnchorLayout
* Ext.layout.BorderLayout
* Ext.layout.CardLayout
* Ext.layout.ColumnLayout
* Ext.layout.FitLayout
* Ext.layout.FormLayout
* Ext.layout.TableLayout
" %>
<%@ attribute
name="layoutOnTabChange"
type="java.lang.Boolean"
required="false"
description="
(Boolean)Set to true to do a layout of tab items as tabs are changed.
" %>
<%@ attribute
name="listeners"
type="java.lang.Object"
required="false"
description="
(Object)A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the addListener example for attaching multiple handlers at once.
" %>
<%@ attribute
name="maskDisabled"
type="java.lang.Boolean"
required="false"
description="
(Boolean)True to mask the panel when it is disabled, false to not mask it (defaults to true). Either way, the panel will always tell its contained elements to disable themselves when it is disabled, but masking the panel can provide an additional visual cue that the panel is disabled.
" %>
<%@ attribute
name="minButtonWidth"
type="java.lang.Integer"
required="false"
description="
(Number)Minimum width in pixels of all buttons in this panel (defaults to 75)
" %>
<%@ attribute
name="minTabWidth"
type="java.lang.Integer"
required="false"
description="
(Number)The minimum width in pixels for each tab when resizeTabs = true (defaults to 30).
" %>
<%@ attribute
name="monitorResize"
type="java.lang.Boolean"
required="false"
description="
(Boolean)True to automatically monitor window resize events and rerender the layout on browser resize (defaults to true).
" %>
<%@ attribute
name="plain"
type="java.lang.Boolean"
required="false"
description="
(Boolean)True to render the tab strip without a background container image (defaults to false).
" %>
<%@ attribute
name="plugins"
type="java.lang.Object"
required="false"
description="
(Object/Array)An object or array of objects that will provide custom functionality for this component. The only requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component. When a component is created, if any plugins are available, the component will call the init method on each plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the component as needed to provide its functionality.
" %>
<%@ attribute
name="renderTo"
type="java.lang.String"
required="false"
description="
(Mixed)The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using this config, a call to render() is not required.
" %>
<%@ attribute
name="resizeTabs"
type="java.lang.Boolean"
required="false"
description="
(Boolean)True to automatically resize each tab so that the tabs will completely fill the tab strip (defaults to false). Setting this to true may cause specific widths that might be set per tab to be overridden in order to fit them all into view (although minTabWidth will always be honored).
" %>
<%@ attribute
name="scrollDuration"
type="java.lang.String"
required="false"
description="
(Float)The number of milliseconds that each scroll animation should last (defaults to .35). Only applies when animScroll = true.
" %>
<%@ attribute
name="scrollIncrement"
type="java.lang.Integer"
required="false"
description="
(Number)The number of pixels to scroll each time a tab scroll button is pressed (defaults to 100, or if resizeTabs = true, the calculated tab width). Only applies when enableTabScroll = true.
" %>
<%@ attribute
name="scrollRepeatInterval"
type="java.lang.Integer"
required="false"
description="
(Number)Number of milliseconds between each scroll while a tab scroll button is continuously pressed (defaults to 400).
" %>
<%@ attribute
name="shadow"
type="java.lang.String"
required="false"
description="
(Boolean/String)True (or a valid Ext.Shadow Ext.Shadow.mode value) to display a shadow behind the panel, false to display no shadow (defaults to 'sides'). Note that this option only applies when floating = true.
" %>
<%@ attribute
name="shadowOffset"
type="java.lang.Integer"
required="false"
description="
(Number)The number of pixels to offset the shadow if displayed (defaults to 4). Note that this option only applies when floating = true.
" %>
<%@ attribute
name="shim"
type="java.lang.Boolean"
required="false"
description="
(Boolean)False to disable the iframe shim in browsers which need one (defaults to true). Note that this option only applies when floating = true.
" %>
<%@ attribute
name="stateEvents"
type="java.lang.String"
required="false"
description="
(Array)An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be any types of events supported by this component, including browser or custom events (e.g., ['click', 'customerchange']).
" %>
<%@ attribute
name="stateId"
type="java.lang.String"
required="false"
description="
(String)The unique id for this component to use for state management purposes (defaults to the component id).
" %>
<%@ attribute
name="style"
type="java.lang.String"
required="false"
description="
(String)A custom style specification to be applied to this component's Element. Should be a valid argument to Ext.Element.applyStyles.
" %>
<%@ attribute
name="tabMargin"
type="java.lang.Integer"
required="false"
description="
(Number)The number of pixels of space to calculate into the sizing and scrolling of tabs. If you change the margin in CSS, you will need to update this value so calculations are correct with either resizeTabs or scrolling tabs. (defaults to 2)
" %>
<%@ attribute
name="tabPosition"
type="java.lang.String"
required="false"
description="
(String)The position where the tab strip should be rendered (defaults to 'top'). The only other supported value is 'bottom'. Note that tab scrolling is only supported for position 'top'.
" %>
<%@ attribute
name="tabWidth"
type="java.lang.Integer"
required="false"
description="
(Number)The initial width in pixels of each new tab (defaults to 120).
" %>
<%@ attribute
name="tbar"
type="java.lang.Object"
required="false"
description="
(Object/Array)The top toolbar of the panel. This can be either an Ext.Toolbar object or an array of buttons/button configs to be added to the toolbar. Note that this is not available as a property after render. To access the top toolbar after render, use getTopToolbar.
" %>
<%@ attribute
name="title"
type="java.lang.String"
required="false"
description="
(String)The title text to display in the panel header (defaults to ''). When a title is specified the header element will automatically be created and displayed unless header is explicitly set to false. If you don't want to specify a title at config time, but you may want one later, you must either specify a non-empty title (a blank space ' ' will do) or header:true so that the container element will get created.
" %>
<%@ attribute
name="titleCollapse"
type="java.lang.Boolean"
required="false"
description="
(Boolean)True to allow expanding and collapsing the panel (when collapsible = true) by clicking anywhere in the header bar, false to allow it only by clicking to tool button (defaults to false).
" %>
<%@ attribute
name="tools"
type="java.lang.String"
required="false"
description="
(Array)An array of tool button configs to be added to the header tool area. Each tool config may contain the following properties:
* id : String
Required. The type of tool to create. Values may be
o toggle (Created by default when collapsible is true)
o close
o minimize
o maximize
o restore
o gear
o pin
o unpin
o right
o left
o up
o down
o refresh
o minus
o plus
o help
o search
o save
handler : Function
#
Required. The function to call when clicked. Arguments passed are:
* event : Ext.EventObject
The click event.
* toolEl : Ext.Element
The tool Element.
* Panel : Ext.Panel
The host Panel
scope : Object
#
The scope in which to call the handler.
qtip : String/Object
#
A tip string, or a config argument to Ext.QuickTip.register
hidden : Boolean
#
True to initially render hidden.
on : Object
#
A listener config object specifiying event listeners in the format of an argument to addListener
Example usage:
tools:[{id:'refresh',// hidden:true,handler: function(event, toolEl, panel){// refresh logic}}]
Note that apart from the toggle tool which is provided when a panel is collapsible, these tools only provide the visual button. Any required functionality must be provided by adding handlers that implement the necessary behavior.
" %>
<%@ attribute
name="wheelIncrement"
type="java.lang.Integer"
required="false"
description="
(Number)For scrolling tabs, the number of pixels to increment on mouse wheel scrolling (defaults to 20).
" %>
<%@ attribute
name="width"
type="java.lang.String"
required="false"
description="
(Number)The width of this component in pixels (defaults to auto).
" %>
<%@ attribute
name="xtype"
type="java.lang.String"
required="false"
description="
(String)The registered xtype to create. This config option is not used when passing a config object into a constructor. This config option is used only when lazy instantiation is being used, and a child item of a Container is being specified not as a fully instantiated Component, but as a Component config object. The xtype will be looked up at render time up to determine what type of child Component to create.
The predefined xtypes are listed here.
If you subclass Components to create your own Components, you may register them using Ext.ComponentMgr.registerType in order to be able to take advantage of lazy instantiation and rendering.
" %>
<%-- Config params _____________________________END --%>
<%-- Events _____________________________START --%>
<%@ attribute
name="onActivate"
type="java.lang.String"
required="false"
description="
( Ext.Panel p )Fires after the Panel has been visually activated.Note that Panels do not directly support being activated, but some Panel subclassesdo (like Ext.Window). Panels which are child Components of a TabPanel fire theactivate and deactivate events under the control of the TabPanel.
" %>
<%@ attribute
name="onAdd"
type="java.lang.Integer"
required="false"
description="
( Ext.Container this, Ext.Component component, Number index )Fires after any Ext.Component is added or inserted into the container.
" %>
<%@ attribute
name="onAfterlayout"
type="java.lang.String"
required="false"
description="
( Ext.Container this, ContainerLayout layout )Fires when the components in this container are arranged by the associated layout manager.
" %>
<%@ attribute
name="onBeforeadd"
type="java.lang.Integer"
required="false"
description="
( Ext.Container this, Ext.Component component, Number index )Fires before any Ext.Component is added or inserted into the container.A handler can return false to cancel the add.
" %>
<%@ attribute
name="onBeforeclose"
type="java.lang.String"
required="false"
description="
( Ext.Panel p )Fires before the Panel is closed.Note that Panels do not directly support being closed, but somePanel subclasses do (like Ext.Window).This event only applies to such subclasses.A handler can return false to cancel the close.
" %>
<%@ attribute
name="onBeforecollapse"
type="java.lang.Boolean"
required="false"
description="
( Ext.Panel p, Boolean animate )Fires before the Panel is collapsed.A handler can return false to cancel the collapse.
" %>
<%@ attribute
name="onBeforedestroy"
type="java.lang.String"
required="false"
description="
( Ext.Component this )Fires before the component is destroyed. Return false to stop the destroy.
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -