Options
All
  • Public
  • Public/Protected
  • All
Menu

VantRate 评价组件

Hierarchy

Index

Constructors

constructor

  • new VantRate(config: IContainerBase): VantRate

Properties

allowHalf

allowHalf: boolean

是否允许半选

arrowDirection

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

border

border: boolean

是否显示内边框

clearable

clearable: boolean

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

colon

colon: boolean

是否在 label 后面添加冒号

color

color: string

选中时的颜色

count

count: string

图标总数

css

css: VantRateStyle

disabledColor

disabledColor: string

禁用时的颜色

gutter

gutter: string

图标间距,默认单位为px

icon

icon: string

选中时的图标名称或图片链接

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

左侧图标名称或图片链接

onRateChangeScript

onRateChangeScript: string

监听评价组件change 事件

placeholder

placeholder: string

输入框占位文本

rateId

rateId: string

评价组件的id

readonly

readonly: boolean

只读

required

required: boolean

是否必填

rightIcon

rightIcon: String

右侧图标名称或图片链接

size

size: SizeType

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

touchable

touchable: boolean

是否可以通过滑动手势选择评分

verify

verify: string

校验规则

verifyText

verifyText: string

voidColor

voidColor: string

未选中时的颜色

voidIcon

voidIcon: string

未选中时的图标名称或图片链接

Methods

doGetClassName

  • doGetClassName(): any
  • Returns any

doGetCss

  • doGetCss(): VantRateStyle
  • Returns VantRateStyle

doGetMethods

  • doGetMethods(): {} & { handleChange: any } & { onChange: any }
  • vue 事件配置

    Returns {} & { handleChange: any } & { onChange: 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通过,则反之

getAllowhalf

  • getAllowhalf(): string
  • 获取是否弄半星

    Returns string

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

Protected getCanEdit

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

    Returns boolean

getCount

  • getCount(): string
  • 获取自定义的数量

    Returns string

getElemtHtml

  • getElemtHtml(): string

getInputElem

  • getInputElem(): JQuery<HTMLElement>

getValue

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

    Returns any

    返回值

getVueAttrStr

  • getVueAttrStr(): string

onRateChange

  • onRateChange(val: String | Number): void
  • 选择星星改变事件

    Parameters

    • val: String | Number

      返回日期的时间

    Returns void

raiseOnRateChangeScript

  • raiseOnRateChangeScript(val: String | Number): void
  • Parameters

    • val: String | Number

    Returns void

render

  • render(): void
  • Returns void

verifyTips

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

    Returns void

Generated using TypeDoc