From 55ec171a6b72795908bc8363728e8a6b09df6c4c Mon Sep 17 00:00:00 2001 From: iapyang Date: Wed, 30 Aug 2017 15:16:12 +0800 Subject: [PATCH] update bi.table_view --- uidoc/base/table/table_view.md | 66 +++++++++++++++++++++++++++++++++- 1 file changed, 65 insertions(+), 1 deletion(-) diff --git a/uidoc/base/table/table_view.md b/uidoc/base/table/table_view.md index a59001bdb..2af338b73 100644 --- a/uidoc/base/table/table_view.md +++ b/uidoc/base/table/table_view.md @@ -1,2 +1,66 @@ -# table_view +# bi.table_view +### 表格展示控件 + +{% method %} +[source](https://jsfiddle.net/fineui/mbazb80a/) + +{% common %} +```javascript +BI.createWidget({ + type: "bi.table_view", + element: 'body', + isNeedMerge: true, + isNeedFreeze: true, + freezeCols: [0, 1], + mergeCols: [0, 1], + columnSize: [100, 200, 300, 400, 500], + items: [], + header: [] +}); +``` + +{% endmethod %} + +## 参数设置 +| 参数 | 说明 | 类型 | 默认值 | +| ---------------- | ------------- | -------------------- | ----------------- | +| isNeedResize | 是否需要调整大小 | bool | false | +| isResizeAdapt | 是否调整时自适应 | bool | true | +| isNeedMerge | 是否需要合并单元格 | bool | false | +| mergeCols | 合并的单元格列号 | array | [] | +| mergeRule | 合并规则, 默认相等时合并 | function(row1, row2) | 默认row1 = row2 时合并 | +| columnSize | 单元格宽度集合 | array | [] | +| headerRowSize | 表头高度 | number | 37 | +| footerRowSize | 表尾高度 | number | 37 | +| rowSize | 普通单元格高度 | number | 37 | +| regionColumnSize | 列项间的 | array | [82, ""] | +| items | 子组件 | array | [] | + +## 方法 +| 方法名 | 说明 | 用法 | +| ---------------------------- | ---------------- | ------------------------------------ | +| resize | 调整表格 | resize() | +| setColumnSize | 设置列宽 | setColumnSize(columnSize) | +| getColumnSize | 得到列宽 | getColumnSize() | +| getCalculateColumnSize | 获得计算后的列宽 | getCalculateColumnSize() | +| setHeaderColumnSize | 设置表头的列宽 | setHeaderColumnSize(columnSize) | +| setRegionColumnSize | 设置列项之间的间隙 | setRegionColumnSize(columnSize) | +| getRegionColumnSize | 获得列项之间的间隙 | getRegionColumnSize() | +| getCalculateRegionColumnSize | 获取计算后的列项之间的间隙 | getCalculateRegionColumnSize() | +| getCalculateRegionRowSize | 获取计算后的列项上下之间的间隙 | getCalculateRegionRowSize() | +| getClientRegionColumnSize | 获取浏览器中显示的列项之间的间隙 | getClientRegionColumnSize() | +| getScrollRegionColumnSize | 获取横向滚动条宽度 | getScrollRegionColumnSize() | +| getScrollRegionRowSize | 获取纵向滚动条宽度 | getScrollRegionRowSize() | +| hasVerticalScroll | 是否含有数值滚动条 | hasVerticalScroll() | +| setVerticalScroll | 设置纵向滚动距离 | setVerticalScroll(scrollTop) | +| setLeftHorizontalScroll | 设置左到右横向滚动距离 | setLeftHorizontalScroll(scrollLeft) | +| setRightHorizontalScroll | 设置右往左横向滚动距离 | setRightHorizontalScroll(scrollLeft) | +| getVerticalScroll | 获取纵向滚动距离 | getVerticalScroll() | +| getLeftHorizontalScroll | 获取左到右横向滚动距离 | getLeftHorizontalScroll() | +| getRightHorizontalScroll | 获取右往左横向滚动距离 | getRightHorizontalScroll() | +| getColumns | 获取列项 | getColumns() | +| resizeHeader | 调整表头 | resizeHeader() | +| attr | 设置属性 | attr(key, value) | +| populate | 增加行 | populate(rows) | +| destroy | 摧毁表 | destroy() |