打印版式

Class Ext.form.BasicForm

Package:Ext.form
Class:BasicForm
Extends:Observable
Subclasses:Form
Defined In:BasicForm.js
Supplies the functionality to do "actions" on forms and initialize Ext.form.Field types on existing markup.

属性   -  方法   -  事件   -  设置选项

公共属性

属性 定义对象
  waitMsgTarget : Mixed BasicForm
By default wait messages are displayed with Ext.MessageBox.wait. You can target a specific element by passing it or i...

公共方法

方法 定义对象
  BasicForm(String/HTMLElement/Ext.Element el, Object config) BasicForm
  add(Field field1, [Field field2], [Field etc]) : void BasicForm
Add Ext.form components to this form
  addEvents(Object object) : void Observable
将对象中没有的事件从给出的对象中复制过来。
  addListener(String eventName, Function handler, [Object scope], [Object options]) : void Observable
为该组件加入事件处理器函数
  applyIfToFields(Object values) : void BasicForm
Calls Ext.applyIf for all field in this form with the passed object
  applyToFields(Object values) : void BasicForm
Calls Ext.apply for all field in this form with the passed object
  clearInvalid() : void BasicForm
Clears all invalid messages in this form
  doAction(String actionName, Object options) : void BasicForm
Performs a predefined action (submit or load) or custom actions you define on this form
  findField(String id) : Field BasicForm
Find a Ext.form.Field in this form by id, dataIndex, name or hiddenName
  fireEvent(String eventName, Object... args) : Boolean Observable
触发指定的事件, 并将参数传入(至少要有事件名称)。
  getValues(Boolean asString) : Object BasicForm
Returns the fields in this form as an object with key value pair. If multiple fields exist with the same name they ar...
  hasListener(String eventName) : Boolean Observable
检查该对象是否拥有指定事件的侦听器
  isValid() : Boolean BasicForm
Returns true is client-side validation on the form is successful
  load(Object options) : void BasicForm
Shortcut to do a load action
  markInvalid(Array/Object errors) : void BasicForm
Mark fields in this form invalid in bulk.
  on(String eventName, Function handler, [Object options]) : void Observable
为该组件加入事件处理器函数, addListener 的简写方式
  purgeListeners() : void Observable
从对象身上移除所有的侦听器
  remove(Field field) : void BasicForm
Removes a field from the items collection (does NOT remove its markup)
  removeListener(String eventName, Function handler, [Object scope]) : void Observable
移除侦听器
  render() : void BasicForm
Looks at the fields in this form, checks them for an id attribute and call applyTo on the existing dom element with t...
  reset() : void BasicForm
Resets this form
  setValues(Array/Object values) : void BasicForm
Set values for fields in this form in bulk.
  submit(Object options) : void BasicForm
Shortcut to do a submit action
  un(String eventName, Function handler, [Object scope]) : void Observable
移除侦听器, removeListener 的简写方式
  updateRecord(Record record) : void BasicForm
Persists the values in this form into the passed Ext.data.Record object in a beginEdit/endEdit block.

公共事件

事件 定义对象
  actioncomplete : (Form this, Action action) BasicForm
Fires when an action is completed
  actionfailed : (Form this, Action action) BasicForm
Fires when an action fails
  beforeaction : (Form this, Action action) BasicForm
Fires before any action is performed. Return false to cancel the action.

设置选项

设置选项 定义对象
  baseParams : Object BasicForm
Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}
  errorReader : DataReader BasicForm
An Ext.data.DataReader (e.g. Ext.data.XmlReader to be used to read data when reading validation errors on "submit" ac...
  fileUpload : Boolean BasicForm
Set to true if this form is a file upload (YUI adapter only)
  method : String BasicForm
The request method to use (GET or POST) for form actions if one isn't supplied in the action options
  reader : DataReader BasicForm
An Ext.data.DataReader (e.g. Ext.data.XmlReader to be used to read data when executing "load" actions. This is comple...
  timeout : Number BasicForm
  url : String BasicForm
The url to use for form actions if one isn't supplied in the action options

属性详情

waitMsgTarget

public Mixed waitMsgTarget
By default wait messages are displayed with Ext.MessageBox.wait. You can target a specific element by passing it or its id or mask the form itself by passing in true.
This property is defined by BasicForm.

构造函数

BasicForm

public function BasicForm(String/HTMLElement/Ext.Element el, Object config)
参数:
  • el : String/HTMLElement/Ext.Element
    The form element or its id
  • config : Object
    Configuration options

方法详情

add

public function add(Field field1, [Field field2], [Field etc])
Add Ext.form components to this form
参数:
  • field1 : Field
  • field2 : Field
    (可选)
  • etc : Field
    (可选)
返回:
  • void
This method is defined by BasicForm.

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.

applyIfToFields

public function applyIfToFields(Object values)
Calls Ext.applyIf for all field in this form with the passed object
参数:
  • values : Object
返回:
  • void
This method is defined by BasicForm.

applyToFields

public function applyToFields(Object values)
Calls Ext.apply for all field in this form with the passed object
参数:
  • values : Object
返回:
  • void
This method is defined by BasicForm.

clearInvalid

public function clearInvalid()
Clears all invalid messages in this form
参数:
  • 无。
返回:
  • void
This method is defined by BasicForm.

doAction

public function doAction(String actionName, Object options)
Performs a predefined action (submit or load) or custom actions you define on this form
参数:
  • actionName : String
    The name of the action type
  • options : Object
    The options to pass to the action
返回:
  • void
This method is defined by BasicForm.

findField

public function findField(String id)
Find a Ext.form.Field in this form by id, dataIndex, name or hiddenName
参数:
  • id : String
    The value to search for
返回:
  • Field
This method is defined by BasicForm.

fireEvent

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

getValues

public function getValues(Boolean asString)
Returns the fields in this form as an object with key value pair. If multiple fields exist with the same name they are returned as an array.
参数:
  • asString : Boolean
返回:
  • Object
This method is defined by BasicForm.

hasListener

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

isValid

public function isValid()
Returns true is client-side validation on the form is successful
参数:
  • 无。
返回:
  • Boolean
This method is defined by BasicForm.

load

public function load(Object options)
Shortcut to do a load action
参数:
  • options : Object
    The options to pass to the action
返回:
  • void
This method is defined by BasicForm.

markInvalid

public function markInvalid(Array/Object errors)
Mark fields in this form invalid in bulk.
参数:
  • errors : Array/Object
    Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}
返回:
  • void
This method is defined by BasicForm.

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.

remove

public function remove(Field field)
Removes a field from the items collection (does NOT remove its markup)
参数:
  • field : Field
返回:
  • void
This method is defined by BasicForm.

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.

render

public function render()
Looks at the fields in this form, checks them for an id attribute and call applyTo on the existing dom element with that id
参数:
  • 无。
返回:
  • void
This method is defined by BasicForm.

reset

public function reset()
Resets this form
参数:
  • 无。
返回:
  • void
This method is defined by BasicForm.

setValues

public function setValues(Array/Object values)
Set values for fields in this form in bulk.
参数:
  • values : Array/Object
    Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}
返回:
  • void
This method is defined by BasicForm.

submit

public function submit(Object options)
Shortcut to do a submit action
参数:
  • options : Object
    The options to pass to the action
返回:
  • void
This method is defined by BasicForm.

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.

updateRecord

public function updateRecord(Record record)
Persists the values in this form into the passed Ext.data.Record object in a beginEdit/endEdit block.
参数:
  • record : Record
    The record to edit
返回:
  • void
This method is defined by BasicForm.

事件详情

actioncomplete

public event actioncomplete
Fires when an action is completed
Subscribers will be called with the following parameters:
  • this : Form
  • action : Action
    The action that completed
This event is defined by BasicForm.

actionfailed

public event actionfailed
Fires when an action fails
Subscribers will be called with the following parameters:
  • this : Form
  • action : Action
    The action that failed
This event is defined by BasicForm.

beforeaction

public event beforeaction
Fires before any action is performed. Return false to cancel the action.
Subscribers will be called with the following parameters:
  • this : Form
  • action : Action
    The action to be performed
This event is defined by BasicForm.

设置详情

baseParams

baseParams : Object
Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}
This config option is defined by BasicForm.

errorReader

errorReader : DataReader
An Ext.data.DataReader (e.g. Ext.data.XmlReader to be used to read data when reading validation errors on "submit" actions. This is completely optional as there is built-in support for processing JSON.
This config option is defined by BasicForm.

fileUpload

fileUpload : Boolean
Set to true if this form is a file upload (YUI adapter only)
This config option is defined by BasicForm.

method

method : String
The request method to use (GET or POST) for form actions if one isn't supplied in the action options
This config option is defined by BasicForm.

reader

reader : DataReader
An Ext.data.DataReader (e.g. Ext.data.XmlReader to be used to read data when executing "load" actions. This is completely optional as there is built-in support for processing JSON.
This config option is defined by BasicForm.

timeout

timeout : Number
This config option is defined by BasicForm.

url

url : String
The url to use for form actions if one isn't supplied in the action options
This config option is defined by BasicForm.

Ext - Copyright © 2006-2007 Ext JS, LLC
All rights reserved.