API
Component

Input ($UI/system/components/justep/input/input)

使用范围:UI2

Contents

component Input ($UI/system/components/justep/input/input) extends BindComponent

<b>绑定数据列后可显示数据集中数据</b> ## <b>文档链接</b>:#http://docs.newdao.net/shu-ru-kuang-and-shu-ru-kuang-zu-he.html#

Constructor Top

  Input ()
  Input ( options)

Static Properties & Enumerations Top

string mobileDatePickerType

input组件mobile下时间选择器模式,当='mobiscroll'时使用原旧选择器,否则使用$UI/system/components/justep/datePicker/datePicker组件,默认使用$UI/system/components/justep/datePicker/datePicker组件

Properties Top

boolean autoComplete

使用输入字段的自动完成功能,html5特性

string dataType

指定数据类型,当bind-ref没有定义时有效

boolean disabled

禁用

string format

格式化,当绑定数据类型为Date、DateTime、Time时的显示格式

string max

最大值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

integer maxLength

字符串类型时限制输入长度,当ref关联列中有长度定义时以ref关联列定义为准

string min

最小值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

string pattern

规定输入字段的值的模式或格式,html5特性,例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字

string placeHolder

提示信息,html5特性

boolean readonly

只读

string valueUpdateMode

数据更新模式,目前支持input/keyup/keypress,注意:此属性在组件创建后修改无效

Attributes Top

boolean autoComplete

使用输入字段的自动完成功能,html5特性

string bind-ref

input组件引用的数据,input组件感知绑定数据的数据类型,当为Date、Time、Datetime时提供时间选择器

string class

组件class

string dataType

指定数据类型,当bind-ref没有定义时有效

boolean disabled

禁用

string format

格式化,当绑定数据类型为Date、DateTime、Time时的显示格式

string max

最大值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

integer maxLength

字符串类型时限制输入长度,当ref关联列中有长度定义时以ref关联列定义为准

string min

最小值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

string pattern

规定输入字段的值的模式或格式,html5特性,例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字

string placeHolder

提示信息,html5特性

boolean readonly

只读

string valueUpdateMode

数据更新模式,目前支持input/keyup/keypress,注意:此属性在组件创建后修改无效

string xid

组件标示

Methods Top

void clear ()
Object get (String name)
void set (json arg)
void val ()

Events Top

void bind-change (ChangeEvent event)
void onBlur (ViewEvent event)
void onChange (ValueChangeEvent event)
void onFocus (ViewEvent event)
void onRender (InputRenderEvent event)

Constructor details Top

public Input ()

<b>绑定数据列后可显示数据集中数据</b> ## <b>文档链接</b>:#http://docs.newdao.net/shu-ru-kuang-and-shu-ru-kuang-zu-he.html#

public Input ( options)

构造函数

Inherited from ViewComponent

	
		参数options格式类似{parent:xx, config:{}},parent是组件的父节点,允许为空或不指定,config是组件的参数选项
	 

Parameters

options

参数选项

Static Properties & Enumerations Detail Top

static public string mobileDatePickerType

input组件mobile下时间选择器模式,当='mobiscroll'时使用原旧选择器,否则使用$UI/system/components/justep/datePicker/datePicker组件,默认使用$UI/system/components/justep/datePicker/datePicker组件

Properties Detail Top

public boolean autoComplete

使用输入字段的自动完成功能,html5特性

public string dataType

指定数据类型,当bind-ref没有定义时有效

public boolean disabled

禁用

public string format

格式化,当绑定数据类型为Date、DateTime、Time时的显示格式

public string max

最大值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

public integer maxLength

字符串类型时限制输入长度,当ref关联列中有长度定义时以ref关联列定义为准

public string min

最小值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

public string pattern

规定输入字段的值的模式或格式,html5特性,例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字

public string placeHolder

提示信息,html5特性

public boolean readonly

只读

public string valueUpdateMode

数据更新模式,目前支持input/keyup/keypress,注意:此属性在组件创建后修改无效

Attributes Detail Top

public boolean autoComplete

使用输入字段的自动完成功能,html5特性

public string bind-ref

input组件引用的数据,input组件感知绑定数据的数据类型,当为Date、Time、Datetime时提供时间选择器

public string class

组件class

	
		基础样式: form-control(必须),
		尺寸样式: input-lg、input-sm
	

public string dataType

指定数据类型,当bind-ref没有定义时有效

public boolean disabled

禁用

public string format

格式化,当绑定数据类型为Date、DateTime、Time时的显示格式

public string max

最大值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

public integer maxLength

字符串类型时限制输入长度,当ref关联列中有长度定义时以ref关联列定义为准

public string min

最小值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间

public string pattern

规定输入字段的值的模式或格式,html5特性,例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字

public string placeHolder

提示信息,html5特性

public boolean readonly

只读

public string valueUpdateMode

数据更新模式,目前支持input/keyup/keypress,注意:此属性在组件创建后修改无效

public string xid

组件标示

Methods Detail Top

public void clear ()

清空input数据

Return Value

void

public Object get (String name)

获取属性值

Parameters

String name

属性名称,取值范围:"disabled"、"dataType"、"placeHolder"、"pattern"、"format"、"min"、"max"、"autoFocus"、"autoComplete"

Return Value

Object

public void set (json arg)

设置属性值

Parameters

json arg

属性值对
结构如下:

{ "disabled" : {boolean} 禁用, "dataType: {string} 指定数据类型,当bind-ref没有定义时有效 "placeHolder: {string} 提示信息,html5特性 "format: {string} 格式化,当绑定数据类型为Date、DateTime、Time时的显示格式 "min: {string} 最小值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间 "max: {string} 最大值表达式,当绑定数据类型为Date、DateTime、Time时控制选择时间 "pattern: {string} 规定输入字段的值的模式或格式,html5特性,例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字 "autoFocus: {boolean} 在页面加载时是否获得焦点,html5特性 "autoComplete: {boolean} 使用输入字段的自动完成功能,html5特性 }

Return Value

void

public void val ()

给input赋值或者取值

Return Value

void

Events Detail Top

public void bind-change (ChangeEvent event)

[回调型事件]值变化事件

Parameters

ChangeEvent event


结构如下:

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "value" : 新值 }

Return Value

void

public void onBlur (ViewEvent event)

[回调型事件]焦点移出事件

Parameters

ViewEvent event


结构如下:

{ "source" : 组件的js对象 }

Return Value

void

public void onChange (ValueChangeEvent event)

[回调型事件]值变化事件

Parameters

ValueChangeEvent event


结构如下:

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "originalValue" : 原值, "value" : 新值 }

Return Value

void

public void onFocus (ViewEvent event)

[回调型事件]焦点进入事件

Parameters

ViewEvent event


结构如下:

{ "source" : 组件的js对象 }

Return Value

void

public void onRender (InputRenderEvent event)

[回调型事件]显示渲染事件

Parameters

InputRenderEvent event


结构如下:

{ "source" : 组件的js对象, "bindingContext" : 组件绑定的上下文,包含$model、$object等具体请参考bindingContext说明 "value" : input的值, "text" : input显示文本,可以通过修改此域修改input显示 }

Return Value

void