打印版式

Class Ext.SplitBar

Package:Ext
Class:SplitBar
Extends:Observable
Defined In:SplitBar.js
Creates draggable splitter bar functionality from two elements.

Usage: 
var split = new Ext.SplitBar("elementToDrag", "elementToSize",
                   Ext.SplitBar.HORIZONTAL, Ext.SplitBar.LEFT);
split.setAdapter(new Ext.SplitBar.AbsoluteLayoutAdapter("container"));
split.minSize = 100;
split.maxSize = 600;
split.animate = true;
split.on('moved', splitterMoved);

属性   -  方法   -  事件

公共属性

属性 定义对象
  animate : Boolean SplitBar
Whether to animate the transition to the new size
  maxSize : Number SplitBar
The maximum size of the resizing element. (Defaults to 2000)
  minSize : Number SplitBar
The minimum size of the resizing element. (Defaults to 0)
  useShim : Boolean SplitBar
Whether to create a transparent shim that overlays the page when dragging, enables dragging across iframes.

公共方法

方法 定义对象
  SplitBar(String/HTMLElement/Element dragElement, String/HTMLElement/Element resizingElement, [Number orientation], [Number placement]) SplitBar
Create a new SplitBar
  addEvents(Object object) : void Observable
将对象中没有的事件从给出的对象中复制过来。
  addListener(String eventName, Function handler, [Object scope], [Object options]) : void Observable
为该组件加入事件处理器函数
  destroy(Boolean removeEl) : void SplitBar
Destroy this splitbar.
  fireEvent(String eventName, Object... args) : Boolean Observable
触发指定的事件, 并将参数传入（至少要有事件名称）。
  getAdapter() : The SplitBar
Get the adapter this SplitBar uses
  getMaximumSize() : Number SplitBar
Gets the maximum size for the resizing element
  getMinimumSize() : Number SplitBar
Gets the minimum size for the resizing element
  hasListener(String eventName) : Boolean Observable
检查该对象是否拥有指定事件的侦听器
  on(String eventName, Function handler, [Object options]) : void Observable
为该组件加入事件处理器函数, addListener 的简写方式
  purgeListeners() : void Observable
从对象身上移除所有的侦听器
  removeListener(String eventName, Function handler, [Object scope]) : void Observable
移除侦听器
  setAdapter(Object adapter) : void SplitBar
Set the adapter this SplitBar uses
  setCurrentSize(Number size) : void SplitBar
Sets the initialize size for the resizing element
  setMaximumSize(Number maxSize) : void SplitBar
Sets the maximum size for the resizing element
  setMinimumSize(Number minSize) : void SplitBar
Sets the minimum size for the resizing element
  un(String eventName, Function handler, [Object scope]) : void Observable
移除侦听器, removeListener 的简写方式

公共事件

事件 定义对象
  beforeresize : (Ext.SplitBar this) SplitBar
Fires before the splitter is dragged
  moved : (Ext.SplitBar this, Number newSize) SplitBar
Fires when the splitter is moved
  resize : (Ext.SplitBar this, Number newSize) SplitBar
Fires when the splitter is moved (alias for moved)

属性详情

animate

public Boolean animate
Whether to animate the transition to the new size
This property is defined by SplitBar.

maxSize

public Number maxSize
The maximum size of the resizing element. (Defaults to 2000)
This property is defined by SplitBar.

minSize

public Number minSize
The minimum size of the resizing element. (Defaults to 0)
This property is defined by SplitBar.

useShim

public Boolean useShim
Whether to create a transparent shim that overlays the page when dragging, enables dragging across iframes.
This property is defined by SplitBar.

构造函数

SplitBar

public function SplitBar(String/HTMLElement/Element dragElement, String/HTMLElement/Element resizingElement, [Number orientation], [Number placement])
Create a new SplitBar
参数：
  • dragElement : String/HTMLElement/Element
    The element to be dragged and act as the SplitBar.
  • resizingElement : String/HTMLElement/Element
    The element to be resized based on where the SplitBar element is dragged
  • orientation : Number
    （可选） Either Ext.SplitBar.HORIZONTAL or Ext.SplitBar.VERTICAL. (Defaults to HORIZONTAL)
  • placement : Number
    （可选） Either Ext.SplitBar.LEFT or Ext.SplitBar.RIGHT for horizontal or Ext.SplitBar.TOP or Ext.SplitBar.BOTTOM for vertical. (By default, this is determined automatically by the intial position position of the SplitBar).

方法详情

addEvents

public function addEvents(Object object)
将对象中没有的事件从给出的对象中复制过来。给出的对象必须也继承于 Observable 对象此方法才会有效果。
参数：
  • object : Object
    要复制事件的源对象
返回：
  • void
This method is defined by Observable.

addListener

public function addListener(String eventName, Function handler, [Object scope], [Object options])
为组件添加一个事件监听器
参数：
  • eventName : String
    侦听事件的类型
  • handler : Function
    事件调用的方法
  • scope : Object
    （可选）处理函数执行的作用域。处理函数 "this" 的内容。
  • options : Object
    （可选）一个包含处理设置属性的对象。可以包含下列的属性：
    • scope {Object} 处理函数执行的作用域。处理函数 "this" 的内容。
    • delegate {String} 一个简单的选择器用来过滤目标或查找目标的子节点。
    • stopEvent {Boolean} 值为 True 时用来中止事件。那样将中止传播，并防止缺省动作。
    • preventDefault {Boolean} 值为 True 时用来防止缺省动作。
    • stopPropagation {Boolean} 值为 True 时用来中止事件传播。
    • normalized {Boolean} 值为 False 时向处理函数传递浏览器事件用以代替 Ext.EventObject 对象。
    • delay {Number} 当事件触发后启用处理函数的延迟微秒数。
    • single {Boolean} 值为 True 时将添加一个处理函数用来处理下个触发的事件，并在处理完后移除。
    • buffer {Number} 使处理函数计划在由 Ext.util.DelayedTask 指定的微秒数后执行。如果事件在延迟期间再次触发，原来的处理函数将不再启动，而是由新的计划代替。

    组合选项
    使用选项参数可以组合不同类型的监听器：

    下面是一个标准的、延迟执行的、一次性的监听器，将会自动停止事件并传递一个自定义的参数(forumId)

    代码： 
    el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });

    这个方法也允许传递的单个参数是一个包含多个指定处理函数的设置对象。

    一次调用多个处理函数
    代码：

    el.on({ 'click' : { fn: this.onClick scope: this, delay: 100 }, 'mouseover' : { fn: this.onMouseOver scope: this }, 'mouseout' : { fn: this.onMouseOut scope: this } });

    或者简写为：
    代码：

    el.on({ 'click' : this.onClick, 'mouseover' : this.onMouseOver, 'mouseout' : this.onMouseOut scope: this });
返回：
  • void
This method is defined by Observable.

destroy

public function destroy(Boolean removeEl)
Destroy this splitbar.
参数：
  • removeEl : Boolean
    True to remove the element
返回：
  • void
This method is defined by SplitBar.

fireEvent

public function fireEvent(String eventName, Object... args)
触发指定的事件并给出参数（至少要有事件名称）。
参数：
  • eventName : String
  • args : Object...
    传入处理函数的参数
返回：
  • Boolean
    如果任何处理函数返回 false 则返回值为 false, 否则返回 true。
This method is defined by Observable.

getAdapter

public function getAdapter()
Get the adapter this SplitBar uses
参数：
  • 无。
返回：
  • The
    adapter object
This method is defined by SplitBar.

getMaximumSize

public function getMaximumSize()
Gets the maximum size for the resizing element
参数：
  • 无。
返回：
  • Number
    The maximum size
This method is defined by SplitBar.

getMinimumSize

public function getMinimumSize()
Gets the minimum size for the resizing element
参数：
  • 无。
返回：
  • Number
    The minimum size
This method is defined by SplitBar.

hasListener

public function hasListener(String eventName)
检查该对象是否拥有指定事件的侦听器
参数：
  • eventName : String
    查询事件之名称
返回：
  • Boolean
    值为 True 值表示事件监听器存在, 否则值为 false。
This method is defined by Observable.

on

public function on(String eventName, Function handler, [Object options])
为该组件加入事件处理器函数, addListener 的简写方式
参数：
  • eventName : String
    侦听事件的类型
  • handler : Function
    事件调用的方法
  • options : Object
    （可选）
返回：
  • void
This method is defined by Observable.

purgeListeners

public function purgeListeners()
从对象身上移除所有的侦听器
参数：
  • 无。
返回：
  • void
This method is defined by Observable.

removeListener

public function removeListener(String eventName, Function handler, [Object scope])
移除侦听器
参数：
  • eventName : String
    侦听事件的类型
  • handler : Function
    删除的处理函数
  • scope : Object
    （可选） The scope (this object) for the handler
返回：
  • void
This method is defined by Observable.

setAdapter

public function setAdapter(Object adapter)
Set the adapter this SplitBar uses
参数：
  • adapter : Object
    A SplitBar adapter object
返回：
  • void
This method is defined by SplitBar.

setCurrentSize

public function setCurrentSize(Number size)
Sets the initialize size for the resizing element
参数：
  • size : Number
    The initial size
返回：
  • void
This method is defined by SplitBar.

setMaximumSize

public function setMaximumSize(Number maxSize)
Sets the maximum size for the resizing element
参数：
  • maxSize : Number
    The maximum size
返回：
  • void
This method is defined by SplitBar.

setMinimumSize

public function setMinimumSize(Number minSize)
Sets the minimum size for the resizing element
参数：
  • minSize : Number
    The minimum size
返回：
  • void
This method is defined by SplitBar.

un

public function un(String eventName, Function handler, [Object scope])
移除侦听器, removeListener 的简写方式
参数：
  • eventName : String
    侦听事件的类型
  • handler : Function
    删除的处理函数
  • scope : Object
    （可选） The scope (this object) for the handler
返回：
  • void
This method is defined by Observable.

事件详情

beforeresize

public event beforeresize
Fires before the splitter is dragged
Subscribers will be called with the following parameters:
  • this : Ext.SplitBar
This event is defined by SplitBar.

moved

public event moved
Fires when the splitter is moved
Subscribers will be called with the following parameters:
  • this : Ext.SplitBar
  • newSize : Number
    新宽度 or height
This event is defined by SplitBar.

resize

public event resize
Fires when the splitter is moved (alias for moved)
Subscribers will be called with the following parameters:
  • this : Ext.SplitBar
  • newSize : Number
    新宽度 or height
This event is defined by SplitBar.
Ext - Copyright © 2006-2007 Ext JS, LLC
All rights reserved.