TextBox

擴(kuò)展自 $.fn.validatebox.defaults. 重寫 $.fn.textbox.defaults.

TextBox 是加強(qiáng)的輸入控件，使我們建設(shè)表單更加快捷. 是一些復(fù)雜控件的基礎(chǔ)控件，比如?combo,datebox,spinner,等等.

依賴

validatebox

linkbutton

實(shí)例

html創(chuàng)建方式

javascript創(chuàng)建方式

$('#tb').textbox({

buttonText:'Search',

iconCls:'icon-man',

iconAlign:'left'

})

屬性

屬性拓展自 validatebox 控件，下面是textbox新添加的屬性:

Name

Type

Description

Default

width

number

The width of the component.

auto

height

number

The height of the component.

22

prompt

string

The prompt message to be displayed in input box.

''

value

string

The default value.

type

string

The textbox type. Possible values are 'text' and 'password'.

text

multiline

boolean

Defines if this is a multiline textbox.

false

editable

boolean

Defines if user can type text directly into the field.

true

disabled

boolean

Defines if to disable the field.

false

readonly

boolean

Defines if the component is read-only.

false

icons

array

The icons attached to the textbox. Each item has the following properties:

iconCls: string, the icon class.

disabled: boolean, indicate if the icon is disabled.

handler: function, the function to process the clicking action on this icon.

Code example:

$('#tb').textbox({

icons: [{

iconCls:'icon-add',

handler: function(e){

$(e.data.target).textbox('setValue', 'Something added!');

}

},{

iconCls:'icon-remove',

handler: function(e){

$(e.data.target).textbox('clear');

}

}]

})

[]

iconCls

string

The background icon displayed on the textbox.

null

iconAlign

string

Position of the icons. Possible values are 'left','right'.

right

iconWidth

number

The icon width.

18

buttonText

string

The displaying text of button that attached to the textbox.

buttonIcon

string

The displaying icon of button that attached to the textbox.

null

buttonAlign

string

Position of the button. Possible values are 'left','right'.

right

事件

事件拓展自 validatebox 控件，下面是textbox新添加的事件:

Name

Parameters

Description

onChange

newValue,oldValue

Fires when the field value is changed.

onResize

width,height

Fires when the textbox is resized.

onClickButton

none

Fires when the user click the button.

onClickIcon

index

Fires when the user click a icon.

方法

方法拓展自 validatebox 控件，下面是textbox新添加的方法:

Name

Parameter

Description

options

none

Return the options object.

textbox

none

Return the textbox object.

button

none

Return the button object.

destroy

none

Destroy the textbox component.

resize

width

Resize the component width.

disable

none

Disable the component.

enable

none

Enable the component.

readonly

mode

Enable/Disable readonly mode.

Code example:

$('#tb').textbox('readonly');// enable readonly mode

$('#tb').textbox('readonly',true);// eanble readonly mode

$('#tb').textbox('readonly',false);// disable readonly mode

clear

none

Clear the component value.

reset

none

Reset the component value.

setText

text

Set the displaying text value.

getText

none

Get the displaying text value.

setValue

value

Set the component value.

getValue

none

Get the component value.

getIcon

index

Get specified icon object.

FileBox

拓展自 $.fn.textbox.defaults. 重寫 $.fn.filebox.defaults.

由于瀏覽器安全問題, 一些方法 比如 'setValue' 不能使用filebox 組件.

依賴

textbox

實(shí)例

html創(chuàng)建方式

javascript創(chuàng)建方式

$('#fb').filebox({

buttonText: 'Choose File',

buttonAlign: 'left'

})

屬性

屬性拓展自 textbox, 下面是?filebox新增屬性.

Name

Type

Description

Default

buttonText

string

The displaying text of button that attached to the textbox.

Choose File

buttonIcon

string

The displaying icon of button that attached to the textbox.

null

buttonAlign

string

Position of the button. Possible values are 'left','right'.

right

事件

事件拓展自 textbox.

方法

方法拓展自 textbox.



總結(jié)

以上是生活随笔為你收集整理的php easyui filebox,EasyUI1.4 新控件TextBox，FileBox的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。