MDropDownBase | kdayun 界面引擎API

下拉组件基类

Hierarchy

MVantInputBase
- MDropDownBase

Implements

IDropDownBaseConifg
IDropDrownComponent

Index

Constructors

constructor

Methods

Constructors

constructor

new MDropDownBase(config: IDropDownBaseConifg): MDropDownBase

Inherited from MVantInputBase.constructor
- Defined in YH-Moble/src/base/MDropDownBase.ts:68
Parameters
- config: IDropDownBaseConifg
Returns MDropDownBase

Properties

arrowDirection

arrowDirection: arrowDirectionType

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

border

border: boolean

是否显示内边框

Optional class

class: string

clearable

clearable: boolean

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

colon

colon: boolean

是否在 label 后面添加冒号

datas

datas: any[]

数据源

drogDownHeight

drogDownHeight: number

下拉的高度

dropDownDataSource

dropDownDataSource: string

下拉数据源

Private dropDownId

dropDownId: string

field

field: string

数据源绑定的字段名

getInputId

getInputId: string

inputAlign

inputAlign: TextAlign

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

Private inputDivId

inputDivId: string

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

最大长度

maxlength

maxlength: number

能选择的最大几个值默认值: 999999

onInputScript

onInputScript: string

事件

onValueChangeScript

onValueChangeScript: any

值发生编号的事件

onselectScript

onselectScript: string

下拉选中事件

placeholder

placeholder: string

提示文字

Protected popEditor

popEditor: IDropDownEditor

下拉框

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

staticDataSource

staticDataSource: DataSourceBase

staticDatas

staticDatas: any[]

titlefield

titlefield: string

数据标题显示字段

value

value: any

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

valuefield

valuefield: string

数据唯一值KEY字段

verify

verify: string

校验规则

verifyText

verifyText: string

校验错误信息

Methods

Protected doCheckMaxValue

doCheckMaxValue(value: string): boolean

- Defined in YH-Moble/src/base/MDropDownBase.ts:172
检验value是否超过最大值如果给的值超过了最大数量会抛出异常 throw

Parameters
- value: string
Returns boolean

返回true 未超过最大的数量则反之

Protected doDataChanged

doDataChanged(ds: DataSourceBase): void

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

Parameters
- ds: DataSourceBase
  
  数据源
Returns void

Protected doGetClassName

doGetClassName(): string

- Defined in YH-Moble/src/base/MDropDownBase.ts:145
Returns string

doGetMethods

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

Inherited from MVantInputBase.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>

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

Returns JQuery<HTMLElement>

Protected doGetVerifyTextElem

doGetVerifyTextElem(verifyText: any): string

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

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

Protected doGetVerifyTipsElem

doGetVerifyTipsElem(): JQuery<HTMLElement>

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

Returns JQuery<HTMLElement>

doGetVueData

doGetVueData(): object

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

Returns object

Protected doGetWatchs

doGetWatchs(): {}

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

Protected doRender

doRender(): void

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

Protected doRenderArrowDirection

doRenderArrowDirection(): string

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

Returns string

Protected doRenderCallback

doRenderCallback(): void

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

Returns void

Protected doRenderComponentWidth

doRenderComponentWidth(): void

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

Returns void

Protected doRenderElemt

doRenderElemt(): void

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

Protected doRenderLabel

doRenderLabel(): void

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

Returns void

Protected doSetDangerStatus

doSetDangerStatus(): void

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

Protected doValueChange

doValueChange(): void

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

doVerify

doVerify(): boolean

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

Returns boolean

true通过,则反之

focuse

focuse(): void

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

Returns void

getAttrEditors

getAttrEditors(): AttributeEditorBase[]

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

Protected getCanEdit

getCanEdit(): boolean

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

Returns boolean

getDataSource

getDataSource(): DataSourceBase

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

Returns DataSourceBase

返回数据源的实例

getDropDownDataSouce

getDropDownDataSouce(): DataSourceBase

- Defined in YH-Moble/src/base/MDropDownBase.ts:120
得到下拉组件的下拉数据源

Returns DataSourceBase

getElemtHtml

getElemtHtml(): string

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

Protected getFocuseElemt

getFocuseElemt(): JQuery<HTMLElement>

- Defined in YH-Moble/src/base/MDropDownBase.ts:218
Returns JQuery<HTMLElement>

getInputElem

getInputElem(): JQuery<HTMLElement>

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

Returns JQuery<HTMLElement>

输入框的jquery 对象

getLabelCaption

getLabelCaption(): string

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

Returns string

返回label标题

Abstract getPopEdior

getPopEdior(): DropDownInputEditorBase

- Defined in YH-Moble/src/base/MDropDownBase.ts:207
得到弹出编辑器

Returns DropDownInputEditorBase

弹出编辑器实例

getValue

getValue(): any

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

Returns any

返回的组件的值

getValues

getValues(): string[]

- Defined in YH-Moble/src/base/MDropDownBase.ts:185
得到组件的值数组

Returns string[]

返回数组

onBlur

onBlur(event: Event): void

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

onInput

onInput(val: string): void

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

onSelectValueChange

onSelectValueChange(callback: onSelectChangedHandle): void

- Defined in YH-Moble/src/base/MDropDownBase.ts:141
值发生点击时候触发事件

Parameters
- callback: onSelectChangedHandle
  
  回调
Returns void

onValueChanged

onValueChanged(callback: onValueChangeHandle): void

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

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

raiseOnBlurScript

raiseOnBlurScript(event: Event): void

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

raiseOnClickScript

raiseOnClickScript(): void

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

Returns void

raiseOnInputScript

raiseOnInputScript(value: string): void

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

render

render(): void

Overrides MVantInputBase.render
- Defined in YH-Moble/src/base/MDropDownBase.ts:149
Returns void

setDataSource

setDataSource(value: string | DataSourceBase): void

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

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

setLabelCaption

setLabelCaption(caption: string): void

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

Parameters
- caption: string
  
  label的标题
Returns void

setValue

setValue(value: string): void

Overrides MVantInputBase.setValue
- Defined in YH-Moble/src/base/MDropDownBase.ts:158
设置组件的值如果给的值超过了最大数量会抛出异常 throw 子类需要要用try catch来包裹住

Parameters
- value: string
  
  值字符串;多选时候值用逗号隔开的字符串
Returns void

staticRender

staticRender(setting?: IDropDownBaseConifg): void

- Defined in YH-Moble/src/base/MDropDownBase.ts:214
静态渲染组件

Parameters
- Optional setting: IDropDownBaseConifg
  
  设置的属性
Returns void

verifyTips

verifyTips(): void

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

Returns void

Hierarchy

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

config: IDropDownBaseConifg

Returns MDropDownBase

Properties

arrowDirection

border

Optional class

clearable

colon

datas

drogDownHeight

dropDownDataSource

Private dropDownId

field

getInputId

inputAlign

Private inputDivId

isLabelShow

isLink

isNoNewVue

labelAlign

labelCaption

labelWidth

leftIcon

maxLength

maxlength

onInputScript

onValueChangeScript

onselectScript

placeholder

Protected popEditor

readonly

required

retdata

rightIcon

Protected row

showWordLimit

size

staticDataSource

staticDatas

titlefield

value

valuefield

verify

verifyText

Methods

Protected doCheckMaxValue

Parameters

value: string

Returns boolean

Protected doDataChanged

Parameters

ds: DataSourceBase

Returns void

Protected doGetClassName

Returns string

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