Please enable JavaScript.
Coggle requires JavaScript to display documents.
单元格内容渲染 (tableContent (initUI (初始化各个组件), constructor (初始化tableData的data等))…
单元格内容渲染
tableContent
initUI
初始化各个组件
constructor
初始化tableData的data等
修改表格内容
触发setValue
触发setCellData
触发redux
提交之后,setCellStyle
renderNextTick触发渲染更新
数据层修改
tableContent.render()渲染
this.cells.render()单元格内容,实际为tableBody对象
tableBody.render()
tableBody._renderArea
areaData数据
areaData会划分四个象限(用frozen,flow区分)
from,to,从第几列到第几列,或者第几行到第几行
this.col.getViewportLeft
TableCol中的方法,用于获取viewport
获取并计算距离视窗左端的距离(数值)
this.col
tableBody初始化时,从params.col中读取
tableContent初始化initUI时传入
initUI传入的是colHeader和rowHeader,他们分别是TableCol和TableRow
第四层处理
cell.render(x, y),这里会添加新的绘制内容
tableData
data
data[i][j],保存的是表格每一个cell的样式
这里其实是在初始化的时候已经处理过了
data在tableContent 的 constructor 中会被初始化
初始化
clinetVars
TableContent contructor
tableData.init(data)
useData
initData,处理tableData中的data数据
交给cellAdapter处理,实际是tableCell,会设置各种样式