php easyui filebox,EasyUI1.4 新控件TextBox，FileBox

TextBox

扩展自 $.fn.validatebox.defaults. 重写 $.fn.textbox.defaults.

TextBox 是加强的输入控件，使我们建设表单更加快捷. 是一些复杂控件的基础控件，比如 combo,datebox,spinner,等等.

依赖

validatebox

linkbutton

实例

html创建方式

javascript创建方式

$('#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

实例

html创建方式

javascript创建方式

$('#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.