Options
All
  • Public
  • Public/Protected
  • All
Menu

Class TableListViewRowRadioColumn

radio类型的 TableListView 的列

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

$bodyTd

$bodyTd: JQuery<HTMLElement>

td内的元素

$fixHeaderth

$fixHeaderth: JQuery<HTMLTableHeaderCellElement>

固定列的表头 th 元素

$headerth

$headerth: JQuery<HTMLElement>

列的表头

Protected $sortSpan

$sortSpan: JQuery<HTMLElement>

Optional align

align: TableColumnAlginType

对齐 默认 left

Optional allowNull

allowNull: boolean

允许为空 true 允许 则反之

canMove

canMove: boolean

是否允许移动修改列的位置

canResize

canResize: boolean

是否允许修改宽度

Optional childs

childs: ITableColumn[]

Optional colspan

colspan: number

列合并跨度

css

css: TableListViewRowRadioColumnStyle

dataType

dataType: FieldType

字段的数据类型

Protected doResizeingHandle

doResizeingHandle: DebouncedFunc<(e: MouseMoveEvent<any, any, any, any>) => void> = ...

dragCursor

dragCursor: string

editor

editor: string | ITableColumnEditor

编辑类型

field

field: string

字段编号

fixed

fixed: TableColumnFixType

是否固定 注意：如果是固定在左，该列必须放在表头最前面；如果是固定在右，该列必须放在表头最后面。

font

font: string

字体

Optional format

format: string

格式化字符

griddown

griddown: boolean

是否显示下拉提示: 默认 true

hide

hide: boolean

是否隐藏 如果需设置值使用 setHide

isHtml

isHtml: boolean

是否允许html内容, 默认:false

length

length: number

长度

mergeColumn

mergeColumn: boolean

是否合并列 如果需设置值使用

Optional minWidth

minWidth: number

最小宽度 默认值40像素

onEditorCheckValueScript

onEditorCheckValueScript: string

编辑时的值校验脚本

onEditorValueChangedScript

onEditorValueChangedScript: string

编辑框发生值改变的脚本

onEditorValueChangingScript

onEditorValueChangingScript: string

编辑框发生值改变中的脚本

Optional parentId

parentId: string

Optional parents

parents: string

父列

prohibit

prohibit: TableColumnProhibitType[]

设计模式view编辑器内禁止的列行为 search 查询, sort 排序, total 合计

readonly

readonly: boolean

只读 ; 默认 true

Optional rowspan

rowspan: number

行合并跨度

Optional scale

scale: any

小数点位数

Optional searchType

searchType: TableColumnSearchTtype

查询类型

sort

sort: boolean

是否排序字段

sortDirection

sortDirection: TableColumnSortDirection

排序的方向

Optional style

style: string

样式

subCols

subCols: string

子列,都好隔开的列名字符串

templet

templet: string

自定义的模板javascript脚本 脚本内必须含有retrun 语句返回是html 字符串, 脚本预设的变量: row 是当前数据行的变量.可以通过row.get(filename)获取列的值

title

title: string

标题

Optional toolbar

toolbar: string

工具栏

totalFunc

totalFunc: DataSourceTotalType

后端的统计方式

totalRow

totalRow: TableColumnTotalType

是否开启合计行

totalRowScript

totalRowScript: any

自定义的合计脚本

type

type: TableColumnColType

Optional unique

unique: boolean

唯一

view

view: TableViewBase

view实例

width

width: string

宽度 如果需设置宽度使用 setWidth

Methods

MoveArrayItem

addChildColumn

  • addChildColumn(column: ITableColumn): void

  • 添加子列 函数还修改了parentId,parents

    Parameters

    • column: ITableColumn

    Returns void

beginDrag

  • beginDrag(e: MouseDownEvent<any, any, any, any>): void

  • Parameters

    • e: MouseDownEvent<any, any, any, any>

    Returns void

beginEdit

  • beginEdit($cell: JQuery<HTMLElement>, value: any, row: Row): void

  • 开始编辑

    Parameters

    • $cell: JQuery<HTMLElement>
    • value: any
    • row: Row

    Returns void

checkEditorValue

  • checkEditorValue(row: Row, newValue: any): string

  • 校验值是否合法,在编辑时候需要检验值的合法性,比如: 是否数字....

    Parameters

    • row: Row
    • newValue: any

      需要校验的值

    Returns string

    null/''/undefine 允许通过, 非空则返回错误信息

clearSort

  • clearSort(): void

Protected doBeginResize

  • doBeginResize(e: MouseDownEvent<any, any, any, any>): void

  • 开始改列宽

    Parameters

    • e: MouseDownEvent<any, any, any, any>

    Returns void

doCanDrag

  • doCanDrag(e: any): void

Protected doCanResize

  • doCanResize(e: MouseMoveEvent<any, any, any, any>): void

  • 是否允许拖拽改变列宽事件处理

    Parameters

    • e: MouseMoveEvent<any, any, any, any>

    Returns void

Protected doCheckEditorValue

  • doCheckEditorValue(row: Row, newValue: any): any

  • 列校验编辑的值

    Parameters

    • row: Row

      行对象

    • newValue: any

      需要校验的值

    Returns any

    null/''/undefine 允许通过, 非空则返回错误信息

Protected doEndResize

  • doEndResize(e: MouseUpEvent<any, any, any, any>): void

  • 结束改列宽

    Parameters

    • e: MouseUpEvent<any, any, any, any>

    Returns void

Protected doGetBodyCellHtml

  • doGetBodyCellHtml(row: Row, rowNo: number): string

Protected doGetBodyHtml

  • doGetBodyHtml(row: Row, rowNo: number): string

  • 得到单元格html

    Parameters

    • row: Row

      行实例

    • rowNo: number

      行号

    Returns string

doGetClassName

  • doGetClassName(): any

  • Returns any

doGetCss

  • doGetCss(): { TableListViewRowRadioColumn: { & .yh-radio,& .yh-radio:hover .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner:after: { opacity: string; transform: string; transition: string }; & .yh-radio-checked:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border: string; border-radius: string; content: string; height: string; left: string; position: string; top: string; visibility: string; width: string }; & .yh-radio-disabled: { & .yh-radio-inner: { background-color: string; border-color: string }; cursor: string }; & .yh-radio-inner: { background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; left: string; position: string; top: string; transition: string; width: string }; & .yh-radio-inner:after: { background-color: string; border-left: string; border-radius: string; border-top: string; content: string; display: string; height: string; left: string; margin-left: string; margin-top: string; opacity: string; position: string; top: string; transform: string; transition: string; width: string }; box-sizing: string; color: string; cursor: string; display: string; font-feature-settings: string; font-size: string; font-variant: string; line-height: string; list-style: string; margin: string; outline: string; padding: string; position: string; top: string } }

  • Returns { TableListViewRowRadioColumn: { & .yh-radio,& .yh-radio:hover .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner:after: { opacity: string; transform: string; transition: string }; & .yh-radio-checked:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border: string; border-radius: string; content: string; height: string; left: string; position: string; top: string; visibility: string; width: string }; & .yh-radio-disabled: { & .yh-radio-inner: { background-color: string; border-color: string }; cursor: string }; & .yh-radio-inner: { background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; left: string; position: string; top: string; transition: string; width: string }; & .yh-radio-inner:after: { background-color: string; border-left: string; border-radius: string; border-top: string; content: string; display: string; height: string; left: string; margin-left: string; margin-top: string; opacity: string; position: string; top: string; transform: string; transition: string; width: string }; box-sizing: string; color: string; cursor: string; display: string; font-feature-settings: string; font-size: string; font-variant: string; line-height: string; list-style: string; margin: string; outline: string; padding: string; position: string; top: string } }

    • TableListViewRowRadioColumn: { & .yh-radio,& .yh-radio:hover .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner: { border-color: string }; & .yh-radio-checked .yh-radio-inner:after: { opacity: string; transform: string; transition: string }; & .yh-radio-checked:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border: string; border-radius: string; content: string; height: string; left: string; position: string; top: string; visibility: string; width: string }; & .yh-radio-disabled: { & .yh-radio-inner: { background-color: string; border-color: string }; cursor: string }; & .yh-radio-inner: { background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; left: string; position: string; top: string; transition: string; width: string }; & .yh-radio-inner:after: { background-color: string; border-left: string; border-radius: string; border-top: string; content: string; display: string; height: string; left: string; margin-left: string; margin-top: string; opacity: string; position: string; top: string; transform: string; transition: string; width: string }; box-sizing: string; color: string; cursor: string; display: string; font-feature-settings: string; font-size: string; font-variant: string; line-height: string; list-style: string; margin: string; outline: string; padding: string; position: string; top: string }
      • & .yh-radio,& .yh-radio:hover .yh-radio-inner: { border-color: string }
        • border-color: string
      • & .yh-radio-checked .yh-radio-inner: { border-color: string }
        • border-color: string
      • & .yh-radio-checked .yh-radio-inner:after: { opacity: string; transform: string; transition: string }
        • opacity: string
        • transform: string
        • transition: string
      • & .yh-radio-checked:after: { -webkit-animation: string; -webkit-animation-fill-mode: string; animation: string; animation-fill-mode: string; border: string; border-radius: string; content: string; height: string; left: string; position: string; top: string; visibility: string; width: string }
        • -webkit-animation: string
        • -webkit-animation-fill-mode: string
        • animation: string
        • animation-fill-mode: string
        • border: string
        • border-radius: string
        • content: string
        • height: string
        • left: string
        • position: string
        • top: string
        • visibility: string
        • width: string
      • & .yh-radio-disabled: { & .yh-radio-inner: { background-color: string; border-color: string }; cursor: string }
        • & .yh-radio-inner: { background-color: string; border-color: string }
          • background-color: string
          • border-color: string
        • cursor: string
      • & .yh-radio-inner: { background-color: string; border-color: string; border-radius: string; border-style: string; border-width: string; display: string; height: string; left: string; position: string; top: string; transition: string; width: string }
        • background-color: string
        • border-color: string
        • border-radius: string
        • border-style: string
        • border-width: string
        • display: string
        • height: string
        • left: string
        • position: string
        • top: string
        • transition: string
        • width: string
      • & .yh-radio-inner:after: { background-color: string; border-left: string; border-radius: string; border-top: string; content: string; display: string; height: string; left: string; margin-left: string; margin-top: string; opacity: string; position: string; top: string; transform: string; transition: string; width: string }
        • background-color: string
        • border-left: string
        • border-radius: string
        • border-top: string
        • content: string
        • display: string
        • height: string
        • left: string
        • margin-left: string
        • margin-top: string
        • opacity: string
        • position: string
        • top: string
        • transform: string
        • transition: string
        • width: string
      • box-sizing: string
      • color: string
      • cursor: string
      • display: string
      • font-feature-settings: string
      • font-size: string
      • font-variant: string
      • line-height: string
      • list-style: string
      • margin: string
      • outline: string
      • padding: string
      • position: string
      • top: string

Protected doGetDisplayValue

  • doGetDisplayValue(row: Row): string

Protected doGetErrClass

  • doGetErrClass(row: Row): void

  • 得到错误的单元格类字符串

    Parameters

    • row: Row

      行实例

    Returns void

Protected doGetHeaderCellHtml

  • doGetHeaderCellHtml(): string

Protected doGetHeaderHtml

  • doGetHeaderHtml(): string

Protected doInitBodyEvent

  • doInitBodyEvent(row: Row): void

Protected doInitHeaderEvent

  • doInitHeaderEvent(): void

Protected doPaserValue

  • doPaserValue(row: Row, value: any): any

  • 解析值 子类可以覆盖自定义解析字符串

    Parameters

    • row: Row

      行实例

    • value: any

      值

    Returns any

Protected doRenderBackground

  • doRenderBackground(): void

Protected doRenderEditor

  • doRenderEditor(edElem: JQuery<HTMLElement>, value: any, row: Row): void

  • 渲染编辑框

    Parameters

    • edElem: JQuery<HTMLElement>
    • value: any
    • row: Row

    Returns void

Protected doRenderFixBody

  • doRenderFixBody(row: Row, rowNo: number, rowIndex: number): void

  • 渲染固定列数据部分

    Parameters

    • row: Row
    • rowNo: number
    • rowIndex: number

    Returns void

Protected doRenderFixHeader

  • doRenderFixHeader(): JQuery<HTMLTableHeaderCellElement>

Protected doRenderSort

  • doRenderSort(): void

Protected doResizeing

  • doResizeing(e: MouseMoveEvent<any, any, any, any>): void

  • 鼠标移动改列宽中

    Parameters

    • e: MouseMoveEvent<any, any, any, any>

    Returns void

Protected doSetLazyLoad

  • doSetLazyLoad($bodyTd: JQuery<HTMLElement>): void

  • 懒加载图片的拦截处理

    Parameters

    • $bodyTd: JQuery<HTMLElement>

    Returns void

draging

  • draging(e: MouseMoveEvent<any, any, any, any>): void

  • Parameters

    • e: MouseMoveEvent<any, any, any, any>

    Returns void

endDrag

  • endDrag(e: MouseUpEvent<any, any, any, any>): void

  • Parameters

    • e: MouseUpEvent<any, any, any, any>

    Returns void

endEdit

  • endEdit(row: Row): void

  • 结束编辑

    Parameters

    • row: Row

    Returns void

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

Protected getCellAttrs

  • getCellAttrs(row: Row): string

  • 获取cell的各种设置属性

    Parameters

    • row: Row

    Returns string

Protected getCellClass

  • getCellClass(key: any): string

getChildColumns

  • getChildColumns(): ITableColumn[]

  • 获取子列 注意返回的是只读,如果需要增加修改子列参考 addChildColumn removeChildColumn

    Returns ITableColumn[]

    返回子列数组

Protected getColClass

  • getColClass(row: Row): string

getColumnByXY

getDValue

  • getDValue(row: Row): string

getDefalutWidth

  • getDefalutWidth(): string

  • 获取默认长度 不同的数据类型是不一样的长度

    Returns string

getDefaultAlgin

  • getDefaultAlgin(): TableColumnAlginType

getDragFlagHtml

  • getDragFlagHtml(): string

getEditor

getHide

  • getHide(): boolean

  • 获取列的隐藏/显示

    Returns boolean

    返回是否隐藏/显示 true 隐藏,则反之

getLev

  • getLev(): number

  • 得到多表头的层数

    Returns number

    层数

getNameString

  • getNameString(): string

getReadOnly

  • getReadOnly(): boolean

  • 获取列是否可以被修改 需要考虑父组件tabel,view 的readOnly

    Returns boolean

    true 只读,否则可编辑

getTempleteHtml

  • getTempleteHtml(row: any): any

  • 返回模板渲染后的html

    Parameters

    • row: any

    Returns any

    非空时返回html 否则返回undefine

getTotalRowText

  • getTotalRowText(): string

getView

getWidth

  • getWidth(): string

  • 获取列的宽度

    Returns string

    返回列的宽度

Protected iniOnSortClickEvent

  • iniOnSortClickEvent($container: JQuery<HTMLElement>): void

  • 初始化排序的点击事件

    Parameters

    • $container: JQuery<HTMLElement>

      点击改变排序的容器

    Returns void

initDragEvent

  • initDragEvent(): void

initResizeEvent

  • initResizeEvent(): void

moveTo

onColumnResize

onEditorValueChanged

onEditorValueChanging

onSort

paserValue

  • paserValue(row: Row, value: any): any

  • 解析值

    Parameters

    • row: Row

      行实例

    • value: any

      值

    Returns any

    返回解析过的值

raiseOnEditorValueChanged

  • raiseOnEditorValueChanged(column: TableColumn, row: Row, value: any): void

raiseOnEditorValueChanging

  • raiseOnEditorValueChanging(column: TableColumn, row: Row, newValue: any, oldValue: any): boolean

removeChildColumn

  • removeChildColumn(column: ITableColumn): void

renderBody

  • renderBody(row: Row, rowNo: number, rowIndex: number, ingnoreLazyLoad?: boolean): void

  • 渲染数据部分

    Parameters

    • row: Row

      行数据

    • rowNo: number

      全局行号

    • rowIndex: number

      本页行号

    • ingnoreLazyLoad: boolean = false

      忽略懒加载

    Returns void

renderCell

  • renderCell($cell: JQuery<HTMLElement>, row: Row, rowNo?: number): void

  • 重新渲染单元格

    Parameters

    • $cell: JQuery<HTMLElement>
    • row: Row

      行实例

    • Optional rowNo: number

    Returns void

renderHeader

  • renderHeader(): void

retSetFixHeaderHeight

  • retSetFixHeaderHeight(): void

  • 重新设置固定表头的高度,由于存现渲染的先后顺序 导致多表头的高度不一致

    Returns void

setColspan

  • setColspan(value: number): void

setHide

  • setHide(value: boolean): void

  • 设置列隐藏/显示

    Parameters

    • value: boolean

    Returns void

setRowspan

  • setRowspan(value: number): void

setSortDirection

  • setSortDirection(value: TableColumnSortDirection): void

setView

setWidth

  • setWidth(value: string | number): void

  • 设置列的宽度

    Parameters

    • value: string | number

    Returns void

Generated using TypeDoc