MVantInputBase | kdayun 界面引擎API

输入组件基类

Hierarchy

MFieldDbComponentBase
- MVantInputBase
  - MDropDownBase
  - MCombox

Implements

IMobileFieldComponent

Index

Constructors

constructor

Properties

Constructors

constructor

new MVantInputBase(config: IInputBaseConfig): MVantInputBase

Inherited from MFieldDbComponentBase.constructor
- Defined in YH-Moble/src/base/MVantInputBase.ts:207
Parameters
- config: IInputBaseConfig
Returns MVantInputBase

Properties

arrowDirection

arrowDirection: arrowDirectionType

箭头方向，可选值为 left up down

border

border: boolean

是否显示内边框

clearable

clearable: boolean

是否启用清除图标，点击清除图标后会清空输入框

colon

colon: boolean

是否在 label 后面添加冒号

datas

datas: any[]

选项数据数组,弹出的数据数组...等

field

field: string

数据源绑定的字段名

getInputId

getInputId: string

inputAlign

inputAlign: TextAlign

输入框对齐方式，可选值为 center right

isLabelShow

isLabelShow: boolean

是否显示标题

isLink

isLink: boolean

是否展示右侧箭头并开启点击跳转

isNoNewVue

isNoNewVue: Boolean

labelAlign

labelAlign: TextAlign

左侧文本对齐方式，可选值为 center right

labelCaption

labelCaption: string

label标题

labelWidth

labelWidth: string

左侧文本宽度，默认单位为px

leftIcon

leftIcon: string

左侧图标名称或图片链接

maxLength

maxLength: number

最大长度

onInputScript

onInputScript: string

事件

onValueChangeScript

onValueChangeScript: any

值发生编号的事件

placeholder

placeholder: string

提示文字

readonly

readonly: boolean

只读

required

required: boolean

必填

retdata

retdata: object

初始化定义的vue返回data的值

rightIcon

rightIcon: string

右侧图标名称或图片链接

Protected row

row: Row

绑定的数据库记录

showWordLimit

showWordLimit: boolean

最大长度

size

size: string

控件大小。注：标准表单内的输入框大小限制为 large

value

value: any

组件值一般不要直接修改这值.没有任何更新滴使用setValue修改

verify

verify: string

校验规则

verifyText

verifyText: string

校验错误信息

Methods

Protected doDataChanged

doDataChanged(ds: DataSourceBase): void

Overrides MFieldDbComponentBase.doDataChanged
- Defined in YH-Moble/src/base/MVantInputBase.ts:378
监听数据源

Parameters
- ds: DataSourceBase
  
  数据源
Returns void

doGetMethods

doGetMethods(): { onClick: (e: any) => void } & { onBlur: (event: Event) => void; onInput: (value: any) => void }

Overrides MFieldDbComponentBase.doGetMethods
- Defined in YH-Moble/src/base/MVantInputBase.ts:596
事件

Returns { onClick: (e: any) => void } & { onBlur: (event: Event) => void; onInput: (value: any) => void }

Protected doGetVerifyElem

doGetVerifyElem(): JQuery<HTMLElement>

- Defined in YH-Moble/src/base/MVantInputBase.ts:299
提示校验信息的jquery 对象子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

Returns JQuery<HTMLElement>

Protected doGetVerifyTextElem

doGetVerifyTextElem(verifyText: any): string

- Defined in YH-Moble/src/base/MVantInputBase.ts:316
展示校验信息的dom节点子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

Parameters
- verifyText: any
  
  提示的文字
Returns string

Protected doGetVerifyTipsElem

doGetVerifyTipsElem(): JQuery<HTMLElement>

- Defined in YH-Moble/src/base/MVantInputBase.ts:307
提示校验信息的input jquery 对象子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

Returns JQuery<HTMLElement>

doGetVueData

doGetVueData(): object

Overrides MFieldDbComponentBase.doGetVueData
- Defined in YH-Moble/src/base/MVantInputBase.ts:585
设置默认值

Returns object

Protected doGetWatchs

doGetWatchs(): {}

Inherited from MFieldDbComponentBase.doGetWatchs
- Defined in YH-Moble/src/base/MComponentBase.ts:104
Returns {}

Protected doRender

doRender(): void

Overrides MFieldDbComponentBase.doRender
- Defined in YH-Moble/src/base/MVantInputBase.ts:563
Returns void

Protected doRenderArrowDirection

doRenderArrowDirection(): string

- Defined in YH-Moble/src/base/MVantInputBase.ts:290
渲染组件箭头方向

Returns string

Protected doRenderCallback

doRenderCallback(): void

Inherited from MFieldDbComponentBase.doRenderCallback
- Defined in YH-Moble/src/base/MComponentBase.ts:135
vue组件渲染完成后的回调事件

Returns void

Protected doRenderComponentWidth

doRenderComponentWidth(): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:283
渲染组件input宽度

Returns void

Protected doRenderElemt

doRenderElemt(): void

Inherited from MFieldDbComponentBase.doRenderElemt
- Defined in YH-Moble/src/base/MComponentBase.ts:111
Returns void

Protected doRenderLabel

doRenderLabel(): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:276
渲染标题

Returns void

Protected doSetDangerStatus

doSetDangerStatus(): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:260
Returns void

Protected doValueChange

doValueChange(): void

Overrides MFieldDbComponentBase.doValueChange
- Defined in YH-Moble/src/base/MVantInputBase.ts:365
Returns void

doVerify

doVerify(): boolean

Implementation of IMobileFieldComponent.doVerify
- Defined in YH-Moble/src/base/MVantInputBase.ts:237
校验数据是否通过设置的校验规则

Returns boolean

true通过,则反之

focuse

focuse(): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:229
输入框得到输入焦点

Returns void

getAttrEditors

getAttrEditors(): AttributeEditorBase[]

Overrides MFieldDbComponentBase.getAttrEditors
- Defined in YH-Moble/src/base/MVantInputBase.ts:391
Returns AttributeEditorBase[]

Protected getCanEdit

getCanEdit(): boolean

- Defined in YH-Moble/src/base/MVantInputBase.ts:221
组件是否可以编辑

Returns boolean

getDataSource

getDataSource(): DataSourceBase

Inherited from MFieldDbComponentBase.getDataSource
- Defined in YH-Moble/src/base/MDbComponentBase.ts:56
获取数据源实例

Returns DataSourceBase

返回数据源的实例

getElemtHtml

getElemtHtml(): string

Inherited from MFieldDbComponentBase.getElemtHtml
- Defined in YH-Moble/src/base/MComponentBase.ts:75
Returns string

getInputElem

getInputElem(): JQuery<HTMLElement>

- Defined in YH-Moble/src/base/MVantInputBase.ts:360
获取编辑输入框的jquery 对象这个应该在所有继承的子类需要重载该函数,不然无法实现校验弹出提示.

Returns JQuery<HTMLElement>

输入框的jquery 对象

getLabelCaption

getLabelCaption(): string

- Defined in YH-Moble/src/base/MVantInputBase.ts:579
获取label标题

Returns string

返回label标题

getValue

getValue(): any

Implementation of IMobileFieldComponent.getValue

Inherited from MFieldDbComponentBase.getValue
- Defined in YH-Moble/src/base/MFieldDbComponentBase.ts:114
得到组件的值

Returns any

返回的组件的值

onBlur

onBlur(event: Event): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:630
```
注册输入框内容变化事件
```
Parameters
- event: Event
  
  时间对象
Returns void

onInput

onInput(val: string): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:613
```
注册输入框内容变化事件
```
Parameters
- val: string
  
  返回当前输入的值
Returns void

onValueChanged

onValueChanged(callback: onValueChangeHandle): void

Inherited from MFieldDbComponentBase.onValueChanged
- Defined in YH-Moble/src/base/MFieldDbComponentBase.ts:96
注册值发生变动时候的事件注意,数据源第一次给组件赋值初始化时候是无法触发该事件,否则会死循环

Parameters
- callback: onValueChangeHandle
  
  值修改事件回调函数
Returns void

raiseOnBlurScript

raiseOnBlurScript(event: Event): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:635
Parameters
- event: Event
Returns void

raiseOnClickScript

raiseOnClickScript(): void

Inherited from MFieldDbComponentBase.raiseOnClickScript
- Defined in YH-Moble/src/base/MFieldDbComponentBase.ts:120
执行界面编辑器设置的触发点击事件

Returns void

raiseOnInputScript

raiseOnInputScript(value: string): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:618
Parameters
- value: string
Returns void

render

render(parentCmp?: MComponentBase): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:266
Parameters
- Optional parentCmp: MComponentBase
Returns void

setDataSource

setDataSource(value: string | DataSourceBase): void

Inherited from MFieldDbComponentBase.setDataSource
- Defined in YH-Moble/src/base/MDbComponentBase.ts:65
设置数据源

Parameters
- value: string | DataSourceBase
  
  可以是数据源实例或者id
Returns void

setLabelCaption

setLabelCaption(caption: string): void

- Defined in YH-Moble/src/base/MVantInputBase.ts:571
设置label标题

Parameters
- caption: string
  
  label的标题
Returns void

setValue

setValue(value: any): void

Inherited from MFieldDbComponentBase.setValue
- Defined in YH-Moble/src/base/MFieldDbComponentBase.ts:104
设置组件的值

Parameters
- value: any
  
  值
Returns void

verifyTips

verifyTips(): void

Implementation of IMobileFieldComponent.verifyTips
- Defined in YH-Moble/src/base/MVantInputBase.ts:325
显示的提示校验信息当 verifyText 非空时候显示"危险"的样式, 空则去除"危险"的样式

Returns void

Hierarchy

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

config: IInputBaseConfig

Returns MVantInputBase

Properties

arrowDirection

border

clearable

colon

datas

field

getInputId

inputAlign

isLabelShow

isLink

isNoNewVue

labelAlign

labelCaption

labelWidth

leftIcon

maxLength

onInputScript

onValueChangeScript

placeholder

readonly

required

retdata

rightIcon

Protected row

showWordLimit

size

value

verify

verifyText

Methods

Protected doDataChanged

Parameters

ds: DataSourceBase

Returns void

doGetMethods

Returns { onClick: (e: any) => void } & { onBlur: (event: Event) => void; onInput: (value: any) => void }

Protected doGetVerifyElem

Returns JQuery<HTMLElement>

Protected doGetVerifyTextElem

Parameters

verifyText: any

Returns string

Protected doGetVerifyTipsElem

Returns JQuery<HTMLElement>

doGetVueData

Returns object

Protected doGetWatchs

Returns {}

Protected doRender

Returns void

Protected doRenderArrowDirection

Returns string

Protected doRenderCallback

Returns void

Protected doRenderComponentWidth

Returns void

Protected doRenderElemt

Returns void

Protected doRenderLabel

Returns void

Protected doSetDangerStatus

Returns void

Protected doValueChange

Returns void

doVerify

Returns boolean

focuse

Returns void