Options
All
  • Public
  • Public/Protected
  • All
Menu

Class VantPicker

VantPicker 下拉选项组件

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

arrowDirection

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

border

border: boolean

是否显示内边框

cancelButtonText

cancelButtonText: String

取消按钮文字

Optional class

class: string

clearable

clearable: boolean

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

colon

colon: boolean

是否在 label 后面添加冒号

confirmButtonText

confirmButtonText: String

确认按钮文字

css

css: VantPickerStyle

datas

datas: any[]

数据源

drogDownHeight

drogDownHeight: number

下拉的高度

dropDownDataSource

dropDownDataSource: string

下拉数据源

inputAlign

inputAlign: TextAlign

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

inputId

inputId: string

input的id

isLink

isLink: boolean

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

isShowLabel

isShowLabel: boolean

是否显示label

labelAlign

labelAlign: TextAlign

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

labelCaption

labelCaption: string

label标题

labelWidth

labelWidth: Number

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

leftIcon

leftIcon: String

左侧图标名称或图片链接

maxlength

maxlength: number

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

onCancelScript

onCancelScript: string

点击弹出选项取消事件

onChangeScript

onChangeScript: string

点击弹出选项选中事件

onConfirmScript

onConfirmScript: string

点击选项弹窗确定事件

onPickerClickScript

onPickerClickScript: string

点击弹出选项事件

onselectScript

onselectScript: string

下拉选中事件

pickerId

pickerId: string

picker的id

pickerTitle

pickerTitle: String

顶部栏标题

placeholder

placeholder: string

输入框占位文本

Protected popEditor

popEditor: IDropDownEditor

下拉框

readonly

readonly: boolean

只读

required

required: boolean

是否必填

rightIcon

rightIcon: String

右侧图标名称或图片链接

showToolbar

showToolbar: boolean

是否显示顶部栏

size

size: SizeType

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

staticData

staticData: any[]

静态数据源

staticDataSource

staticDataSource: DataSourceBase

staticDatas

staticDatas: any[]

titlefield

titlefield: string

数据标题显示字段

toolbarPosition

toolbarPosition: ToolbarPositionType

顶部栏位置，可选值为bottom

valuefield

valuefield: string

数据唯一值KEY字段

verify

verify: string

校验规则

verifyText

verifyText: string

Methods

Protected doCheckMaxValue

  • doCheckMaxValue(value: string): boolean

  • 检验value是否超过最大值 如果给的值超过了最大数量会抛出异常 throw

    Parameters

    • value: string

    Returns boolean

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

doGetClassName

  • doGetClassName(): any

doGetCss

  • doGetCss(): VantPickerStyle

  • Returns VantPickerStyle

doGetMethods

  • doGetMethods(): {} & { handleChange: any } & { handleCancel: (val: any) => void; handleConfirm: (val: any) => void; handlePickerClick: () => void; handleClear: any }

  • 事件

    Returns {} & { handleChange: any } & { handleCancel: (val: any) => void; handleConfirm: (val: any) => void; handlePickerClick: () => void; handleClear: any }

Protected doGetVerifyElem

  • doGetVerifyElem(): JQuery<HTMLElement>

  • 提示校验信息的jquery 对象 子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

    Returns JQuery<HTMLElement>

Protected doGetVerifyTextElem

  • doGetVerifyTextElem(verifyText: any): string

  • 展示校验信息的dom节点 子类可以覆盖该函数实现提交时候的"危险"的样式的挂接到组件的那个jquery对象

    Parameters

    • verifyText: any

      提示的文字

    Returns string

Protected doGetVerifyTipsElem

  • doGetVerifyTipsElem(): JQuery<HTMLElement>

  • 设置数据校验的标志的jquery 对象 如 子类可以覆盖该函数 实现提交校验没有通过会把改jquery 对象变成"红色的框框"

    Returns JQuery<HTMLElement>

doGetVueData

  • doGetVueData(): object

Protected doGetVueEvent

  • doGetVueEvent(): string

  • 定义一些默认的事件

    reutrn

    返回事件定义的字符串

    Returns string

Protected doGetVueHtml

  • doGetVueHtml(): string

  • 获取组件的html

    Returns string

Protected doGetVueVModel

  • doGetVueVModel(): string

  • 定义一些默认的vmodel字符串

    reutrn

    返回vmodel字符串

    Returns string

Protected doRenderCallback

  • doRenderCallback(): void

Protected doRenderComponentWidth

  • doRenderComponentWidth(): void

Protected doRenderItems

  • doRenderItems(): void

  • 获取下拉数据源

    Returns void

Protected doRenderLabel

  • doRenderLabel(): void

Protected doRenderPlaceholder

  • doRenderPlaceholder(): void

doVerify

  • doVerify(): boolean

  • 校验数据是否通过设置的校验规则

    Returns boolean

    true通过,则反之

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

  • 下拉组件的属性

    Returns AttributeEditorBase[]

Protected getCanEdit

  • getCanEdit(): boolean

  • 组件是否可以编辑

    Returns boolean

getCurrtValArry

  • getCurrtValArry(): any[]

  • 根据值得到组件的值数组

    Returns any[]

    返回值的数组

getDefaultIndex

  • getDefaultIndex(): string | number

  • 得到组件的值数组

    Returns string | number

    返回数组下标

getDropDownDataSouce

  • getDropDownDataSouce(): DataSourceBase

getElemtHtml

  • getElemtHtml(): string

Protected getFocuseElemt

  • getFocuseElemt(): JQuery<HTMLElement>

getInputElem

  • getInputElem(): JQuery<HTMLElement>

getPopEdior

getValue

  • getValue(): any

  • 得到组件的值

    Returns any

    返回值

getValues

  • getValues(): string[]

  • 得到组件的值数组

    Returns string[]

    返回数组

getVueAttrStr

  • getVueAttrStr(): string

  • 增加 v-model="value"

    Returns string

onSelectValueChange

  • onSelectValueChange(callback: onSelectChangedHandle): void

  • 值发生点击时候触发事件

    Parameters

    • callback: onSelectChangedHandle

      回调

    Returns void

raiseOnCancelScript

  • raiseOnCancelScript(val: any): void

  • 自定义取消事件

    Parameters

    • val: any

      点击确定返回的值

    Returns void

raiseOnChangeScript

  • raiseOnChangeScript(val: any): void

  • 自定义选项改变时触发

    Parameters

    • val: any

      点击选项返回的值

    Returns void

raiseOnConfirmScript

  • raiseOnConfirmScript(val: any): void

  • 确定事件

    Parameters

    • val: any

      点击确定返回的值

    Returns void

raiseOnPickerClickScript

  • raiseOnPickerClickScript(): void

  • 自定义点击弹出选项事件

    Returns void

render

  • render(): void

setValue

  • setValue(value: string, forceUpdate?: boolean): void

  • 设置组件的值 如果给的值超过了最大数量会抛出异常 throw 子类需要要用try catch来包裹住

    Parameters

    • value: string

      值字符串;多选时候值用逗号隔开的字符串

    • forceUpdate: boolean = true

    Returns void

staticRender

verifyTips

  • verifyTips(): void

  • 显示的提示校验信息 当 verifyText 非空时候显示"危险"的样式, 空则去除"危险"的样式

    Returns void

Generated using TypeDoc