Options
All
  • Public
  • Public/Protected
  • All
Menu

VantField 输入框组件

Hierarchy

Index

Constructors

constructor

  • new VantSearch(config: IContainerBase): VantSearch

Properties

actionText

actionText: string

取消按钮文字

arrowDirection

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

autofocus

autofocus: boolean

是否自动聚焦

backgroundColor

backgroundColor: string

搜索框外部背景色

border

border: boolean

是否显示内边框

clearable

clearable: boolean

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

colon

colon: boolean

是否在 label 后面添加冒号

css

css: VantSearchStyle

disabled

disabled: boolean

是否禁用输入框

inputAlign

inputAlign: TextAlign

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

inputId

inputId: string

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

输入的最大字符数

onBlurScript

onBlurScript: string

输入框失去焦点时触发

onCancelScript

onCancelScript: string

点击取消按钮时触发

onClearScript

onClearScript: string

点击清除按钮后触发

onFocusScript

onFocusScript: string

输入框获得焦点时触发

onInputScript

onInputScript: string

输入框内容变化时触发

onSearchScript

onSearchScript: string

确定搜索事件

placeholder

placeholder: string

输入框占位文本

readonly

readonly: boolean

只读

required

required: boolean

是否必填

rightIcon

rightIcon: String

右侧图标名称或图片链接

shape

shape: SearchType
搜索框形状可选值为 round

showAction

showAction: boolean

是否在搜索框右侧显示取消按钮

size

size: SizeType

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

verify

verify: string

校验规则

verifyText

verifyText: string

Methods

doGetClassName

  • doGetClassName(): any
  • Returns any

doGetCss

  • doGetCss(): VantSearchStyle
  • Returns VantSearchStyle

doGetMethods

  • doGetMethods(): {} & { handleChange: 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 doRenderLabel

  • doRenderLabel(): void

Protected doRenderPlaceholder

  • doRenderPlaceholder(): void

doVerify

  • doVerify(): boolean
  • 校验数据是否通过设置的校验规则

    Returns boolean

    true通过,则反之

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]
  • 注意:使用注解注册属性编辑器这里不能少

    Returns AttributeEditorBase[]

Protected getCanEdit

  • getCanEdit(): boolean
  • 组件是否可以编辑

    Returns boolean

getElemtHtml

  • getElemtHtml(): string

getInputElem

  • getInputElem(): JQuery<HTMLElement>

getValue

  • getValue(): any
  • 得到组件的值

    Returns any

    返回值

getVueAttrStr

  • getVueAttrStr(): string

raiseOnBlurScript

  • raiseOnBlurScript(e: Event): void
  • 输入框失去焦点时触发

    Parameters

    • e: Event

    Returns void

raiseOnCancelScript

  • raiseOnCancelScript(e: Event): void
  • 点击清除按钮后触发

    Parameters

    • e: Event

    Returns void

raiseOnClearScript

  • raiseOnClearScript(e: Event): void
  • 点击清除按钮后触发

    Parameters

    • e: Event

    Returns void

raiseOnFocuseScript

  • raiseOnFocuseScript(e: Event): void
  • 输入框获得焦点时触发

    Parameters

    • e: Event

    Returns void

raiseOnInputScript

  • raiseOnInputScript(value: any): void
  • 输入框内容变化时触发

    Parameters

    • value: any

    Returns void

raiseOnSearchScript

  • raiseOnSearchScript(value: any): void
  • 确定搜索事件

    Parameters

    • value: any

    Returns void

verifyTips

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

    Returns void

Generated using TypeDoc