Options
All
  • Public
  • Public/Protected
  • All
Menu

Class TableListView

表格视图

Hierarchy

Implements

  • ITableListViewConfig

Index

Constructors

Properties

Methods

Constructors

constructor

Properties

active

active: boolean

激活的视图(首选默认视图)

Optional cellMinWidth

cellMinWidth: number

checkRowBackColor

checkRowBackColor: string

选中行的背景色

css

css: TableListViewStyle

curRow

curRow: Row

当前行

isColumnDrag

isColumnDrag: boolean

是否允许拖拽列改变顺序

isEvenRowColor

isEvenRowColor: boolean

是否开启奇偶背景颜色行

isMerge

isMerge: boolean

合并单元格

isRowCheck

isRowCheck: boolean

是否开启点击行时候选中

isShowColumn

isShowColumn: boolean

是否显示标题

isShowTotal

isShowTotal: boolean

是否显示总计行

minHeight

minHeight: number

最小的table 高度

onCellChangedScript

onCellChangedScript: string

单元格发生编辑的变化事件

onCellClickScript

onCellClickScript: string

单元格左键单击事件

onCellDoubleChickScript

onCellDoubleChickScript: string

单元格左键双击事件

onCellMergeScript

onCellMergeScript: string

单元格合并事件( 返回 true 允许合并否则不允许)

onRenderCellScript

onRenderCellScript: string

渲染单元格事件

onRowClickScript

onRowClickScript: string

行左键单击事件脚本

onRowDoubleClickScript

onRowDoubleClickScript: string

行双击事件脚本

readonly

readonly: boolean

是否只读

request

request: ITablerequest

请求参数的自定义格式

response

response: ITableReponse

响应数据的自定义格式

scrolls

scrolls: TableScrollBar[]

滚动栏数组

size

size: TableListViewSize

skin

skin: TableListTheme

view的皮肤主题

sortcols

sortcols: any[]

排序的列数组

table

table: Table

table实例

template

template: string

Protected tipsIndex

tipsIndex: number

弹出提示的层index

title

title: string

视图的标题

totalcols

totalcols: []

统计列数组

Methods

Protected bodyHtml

  • bodyHtml(): string

Private calMergeCallback

  • calMergeCallback(val: any, preVal: any, row: Row, preRow: Row, fieldName: string, column: TableColumn): boolean

  • Parameters

    • val: any
    • preVal: any
    • row: Row
    • preRow: Row
    • fieldName: string
    • column: TableColumn

    Returns boolean

checkAll

  • checkAll(vlaue?: boolean): void

  • Parameters

    • vlaue: boolean = true

    Returns void

clearElem

  • clearElem(): void

closeTips

  • closeTips(): void

  • 关闭弹出的某些提示

    Returns void

deleteCheckRows

  • deleteCheckRows(): void

destory

  • destory(): void

  • Returns void

Protected doDesigningDbClick

  • doDesigningDbClick(): void

  • Returns void

doGetCss

  • doGetCss(): TableListViewStyle

  • Returns TableListViewStyle

Protected doIniEvent

  • doIniEvent(): void

Protected doInitCheckEvent

  • doInitCheckEvent(): void

Protected doReSizeViews

  • doReSizeViews(): void

Protected doRender

  • doRender(): void

Protected doRenderBody

  • doRenderBody(): void

  • 渲染数据主体

    Returns void

Protected doRenderBodyByRow

  • doRenderBodyByRow(row: Row): void

  • 局部刷新纪录 注意: 如果是在事件调用这个函数会导致td被删除重建导致td事件失效.

    Parameters

    • row: Row

    Returns void

Protected doRenderColumnHeader

  • doRenderColumnHeader(): void

Protected doRenderNoData

  • doRenderNoData(): JQuery<HTMLElement>

  • 渲染无数据

    Returns JQuery<HTMLElement>

Protected doRenderRowSelected

  • doRenderRowSelected(rowGuid: string): void

doRenderScroll

  • doRenderScroll(): void

Protected doRenderSize

  • doRenderSize(): void

  • 渲染大小行距的

    Returns void

Protected doRenderTheme

  • doRenderTheme(): void

  • Returns void

Protected doRenderTotal

  • doRenderTotal(): void

eachColInCols

  • eachColInCols(callback: EachColInColsHandle): void

  • 遍历this.cols的列按保存的顺序

    Parameters

    • callback: EachColInColsHandle

      return false 终止循环, 否则continue

    Returns void

eachCols

  • eachCols(callback: EachColsHandle): void

  • 遍历需要渲染column 这个循环是遍历具备树形结构的列,按左到右的列顺序遍历 return false 终止循环, 否则continue

    Parameters

    • callback: EachColsHandle

    Returns void

eachTotalCols

  • eachTotalCols(callback?: EachColsHandle, totalcols?: any): void

  • 遍历统计列的内容，用于统计卡片列表

    Parameters

    • Optional callback: EachColsHandle
    • Optional totalcols: any

    Returns void

export

  • export(excelmodel?: IDataExportConfig): boolean

  • 表格带有数据源的导出

    Parameters

    • Optional excelmodel: IDataExportConfig

    Returns boolean

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

getBodyElemt

  • getBodyElemt(): JQuery<HTMLElement>

getChecks

  • 得到选择的行

    Returns ITableCheckSection

    返回选择的行ITableCheckSection对象 { rows: rows //选中的数据 , isAll: true //true全选 };

getClientWidth

  • getClientWidth(): any

getColumn

  • 获取列实例

    Parameters

    • fieldNameOrId: string

      字段名称获取列的id

    Returns TableColumn

    返回列的实例

getColumnById

  • 通过列的id得到列实例

    Parameters

    • columnId: string

      列的id

    Returns TableColumn

    返回列的实例

getColumns

getContainerElemt

  • getContainerElemt(): JQuery<HTMLElement>

getCount

  • getCount(): number

  • 获取数据数量,本页

    Returns number

    返回数据源的行数

getCssRule

  • getCssRule(colId: any, callback: (item: CSSStyleRule) => void): void

  • 获取获取单元格的cssRule

    Parameters

    • colId: any

      列id

    • callback: (item: CSSStyleRule) => void

      回调

        • (item: CSSStyleRule): void

        • Parameters

          • item: CSSStyleRule

          Returns void

    Returns void

getDefalutCols

Private getDefualutTempate

  • getDefualutTempate(): string

  • 默认的行常量模板 变量: view(视图组件实例) , cols(列数组) row(行对象),rowNo(行号),rowCaptionCols(行标题列)

    Returns string

getElemtHtml

  • getElemtHtml(): string

getFixLeftElemt

  • getFixLeftElemt(): JQuery<HTMLElement>

getFixRightElemt

  • getFixRightElemt(): JQuery<HTMLElement>

getFixedsElemt

  • getFixedsElemt(): JQuery<HTMLElement>

getHeaderElemt

  • getHeaderElemt(): JQuery<HTMLElement>

getRowByGuid

  • getRowByGuid(rowGuid: string): Row

  • 行的唯一ID

    Parameters

    • rowGuid: string

      行的内部唯一ID

    Returns Row

    存在返回行实例,否则返回 null

getRowById

  • getRowById(rowId: string): Row

  • 通过主键id获取行

    Parameters

    • rowId: string

      行的id

    Returns Row

    返回行

getRows

  • getRows(): Row[]

  • 获取行数组

    Returns Row[]

    返回行

Protected getScrollElemt

  • getScrollElemt(): JQuery<HTMLElement>

  • 得到滚动的主元素

    Returns JQuery<HTMLElement>

getTotalBodyElemt

  • getTotalBodyElemt(): JQuery<HTMLElement>

getTotalElemt

  • getTotalElemt(): JQuery<HTMLElement>

getTotals

  • getTotals(type: TableColumnTotalType): {}

  • 得到指定合计方式的对象,一般用于

    Parameters

    • type: TableColumnTotalType

    Returns {}

getValueById

  • getValueById(rowId: string, fileName: string): Row

  • 通过主键/字段名获取值

    Parameters

    • rowId: string

      行的id

    • fileName: string

      字段名

    Returns Row

    返回字段值

getValueByRId

  • getValueByRId(rowId: string, fileName: string): Row

  • 通过内部rid/字段名获取值

    Parameters

    • rowId: string

      行的id

    • fileName: string

      字段名

    Returns Row

    返回字段值

Protected headerHtml

  • headerHtml(): string

hidAllTip

  • hidAllTip(): void

  • 隐藏所有的tip

    Returns void

Private iniCellEvent

  • iniCellEvent(): void

  • Returns void

Private iniRowEvent

  • iniRowEvent(): void

  • Returns void

Private iniToolEvent

  • iniToolEvent(): void

  • 初始化工具栏事件

    Returns void

initTableColumn

  • initTableColumn(): void

loadingnews

  • loadingnews(hide?: any): void

  • Parameters

    • Optional hide: any

    Returns void

Protected mainHtml

  • mainHtml(): string

merge

  • merge(): void

  • 合并单元格

    Returns void

onCellChanged

  • 注册单元格改变事件

    Parameters

    Returns void

onCellClick

  • 注册单元格单击事件

    Parameters

    Returns void

onCellDoubleClick

  • 注册单元格双击事件

    Parameters

    Returns void

onCheck

  • 注册复选框选择事件

    Parameters

    Returns void

onColumnClick

onColumnDoubleClick

onColumnResize

onRenderCell

onRenderView

  • 注册视图的渲染事件 主要是用于刷新一些事件初始化， 由于渲染时候回移除$elemt 会导致一些绑定在$elemt 上的事件会失效

    Parameters

    Returns void

onRowClick

  • 注册行单击事件

    Parameters

    Returns void

onRowDoubleClick

  • 注册行双击事件

    Parameters

    Returns void

onRowSelectChanging

onToolButtonClick

refreshRow

  • refreshRow(row: Row): void

  • 增量刷新行 子类覆盖自定义刷新逻辑

    Parameters

    • row: Row

    Returns void

render

  • render(): void

  • view渲染

    Returns void

Private resetMargin

  • resetMargin(): void

  • 重新计算左右的margin 需要刨去固定列的大小

    Returns void

setCellValue

  • setCellValue(cell: JQuery<HTMLElement>, row: Row, column: TableColumn, value: any, forceUpdate?: boolean): void

  • 设置单元格的值,并重画单元格

    Parameters

    • cell: JQuery<HTMLElement>
    • row: Row

      行对象

    • column: TableColumn

      列对象

    • value: any

      值

    • forceUpdate: boolean = true

      是否刷新单元格 只是更新了row没有刷新单元格的值

    Returns void

Private setColsWidth

  • setColsWidth(): void

  • 动态分配列宽

    Returns void

setColumns

setCurrRow

  • setCurrRow(row: Row): void

  • 设置行为当前行

    Parameters

    • row: Row

      行实例

    Returns void

Private setLeftBodyMargin

  • setLeftBodyMargin(margin: number): void

  • Parameters

    • margin: number

    Returns void

setParentColSpan

  • setParentColSpan(hide: boolean, parentColumnId: string): void

  • 同步表头父列的合并行列的相关值

    Parameters

    • hide: boolean
    • parentColumnId: string

    Returns void

Private setRightBodyMargin

  • setRightBodyMargin(margin: number): void

  • Parameters

    • margin: number

    Returns void

setRowCheck

  • setRowCheck(rowIndex: number, checked: boolean): void

  • 同步选中值状态

    Parameters

    • rowIndex: number

      行实例位置序号

    • checked: boolean

      是否打钩

    Returns void

setRowCheckByRow

  • setRowCheckByRow(row: Row, checked: boolean, raiseEvent?: boolean): void

  • 设置选中/未选中的行

    Parameters

    • row: Row

      行实例

    • checked: boolean

      是否打钩

    • raiseEvent: boolean = true

      是否触发onCheck事件 默认值:true

    Returns void

Protected showTip

  • showTip($td: JQuery<HTMLElement>, visiable: boolean): void

  • 隐藏tip

    Parameters

    • $td: JQuery<HTMLElement>
    • visiable: boolean

      true显示/false 隐藏

    Returns void

updateScroll

  • updateScroll(): void

  • 更新滚动栏的状态

    Returns void

Generated using TypeDoc