fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

update

es6
iapyang 7 years ago
parent
b0f6bcc7d8
commit
44c6734052
3 changed files with 170 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 68
      uidoc/case/table/adaptive_table.md
  2. 52
      uidoc/case/table/layer_tree_table.md
  3. 52
      uidoc/case/table/tree_table.md

68
uidoc/case/table/adaptive_table.md
Unescape View File

@ -1,2 +1,68 @@
# adaptive_table # bi.adaptive_table
### 自适应宽度的表格
{% method %}
[source](https://jsfiddle.net/fineui/pbgnjeg0/)
{% common %}
```javascript
BI.createWidget({
type: "bi.adaptive_table",
element: 'body',
width: 600,
height: 500,
isResizeAdapt: true,
isNeedResize: true,
isNeedFreeze: true,
freezeCols: [0, 1],
columnSize: [50,50,200,250,400],
header: [],
items: [],
});
```
{% endmethod %}
## 参数设置
| 参数 | 说明 | 类型 | 默认值 |
| ---------------- | ------------- | -------------------- | ----------------- |
| isNeedResize | 是否可改变列大小 | bool | true |
| isNeedFreeze | 是否需要冻结表头 | bool | false |
| freezeCols | 冻结的列 | array | [] |
| isNeedMerge | 是否需要合并单元格 | bool | false |
| mergeCols | 合并的单元格列号 | array | [] |
| mergeRule | 合并规则, 默认相等时合并 | function(row1, row2) | 默认row1 = row2 时合并 |
| columnSize | 单元格宽度集合 | array | [] |
| minColumnSize | 最小列宽 | array | [] |
| maxColumnSize | 最大列宽 | array | [] |
| headerRowSize | 表头高度 | number | 25 |
| rowSize | 普通单元格高度 | number | 25 |
| regionColumnSize | 列项间的 | array | [] |
| header | 表头 | array | [] |
| items | 子组件 | array | [] |
| crossHeader | 交叉表头 | array | [] |
| crossItems | 交叉项 | array | [] |
## 方法
| 方法名 | 说明 | 回调参数 |
| ------------------------ | ----------- | ------------------ |
| setWidth | 设置宽度 | width: 宽度 |
| setHeight | 设置高度 | height: 高度 |
| setColumnSize | 设置列宽 | columnSize: 列宽数组 |
| getColumnSize | 得到列宽 | — |
| setRegionColumnSize | 设置列项之间的间隙 | columnSize: 列宽数组 |
| getRegionColumnSize | 获得列项之间的间隙 | — |
| setVerticalScroll | 设置纵向滚动距离 | scrollTop: 纵向滚动距离 |
| setLeftHorizontalScroll | 设置左到右横向滚动距离 | scrollLeft: 横向滚动距离 |
| setRightHorizontalScroll | 设置右往左横向滚动距离 | scrollLeft: 横向滚动距离 |
| getVerticalScroll | 获取纵向滚动距离 | — |
| getLeftHorizontalScroll | 获取左到右横向滚动距离 | — |
| getRightHorizontalScroll | 获取右往左横向滚动距离 | — |
| attr | 设置属性 | key: 键 value: 值 |
| restore | 存储 | — |
| populate | 增加项 | items: array |
| destroy | 摧毁表 | — |

52
uidoc/case/table/layer_tree_table.md
Unescape View File

@ -1,2 +1,52 @@
# layer_tree_table # bi.layer_tree_table
### 层级树状结构的表格
## 参数设置
| 参数 | 说明 | 类型 | 默认值 |
| ----------------------- | ------------------------ | -------------------- | ----------------- |
| isNeedResize | 是否需要调整列宽 | bool | false |
| isResizeAdapt | 是否需要在调整列宽或区域宽度的时候它们自适应变化 | bool | true |
| isNeedFreeze | 是否需要冻结表头 | bool | false |
| freezeCols | 冻结的列 | array | [] |
| isNeedMerge | 是否需要合并单元格 | bool | false |
| mergeCols | 合并的单元格列号 | array | [] |
| mergeRule | 合并规则, 默认相等时合并 | function(row1, row2) | 默认row1 = row2 时合并 |
| columnSize | 单元格宽度集合 | array | [] |
| minColumnSize | 最小列宽 | array | [] |
| maxColumnSize | 最大列宽 | array | [] |
| headerRowSize | 表头高度 | number | 25 |
| headerCellStyleGetter | | function | BI.emptyFn |
| summaryCellStyleGetter | | function | BI.emptyFn |
| sequenceCellStyleGetter | | function | BI.emptyFn |
| rowSize | 普通单元格高度 | number | 25 |
| regionColumnSize | 列项间的 | array | [] |
| header | 表头 | array | [] |
| items | 子组件 | array | [] |
| crossHeader | 交叉表头 | array | [] |
| crossItems | 交叉项 | array | [] |
## 方法
| 方法名 | 说明 | 回调参数 |
| ------------------------ | ----------- | ------------------ |
| setWidth | 设置宽度 | width: 宽度 |
| setHeight | 设置高度 | height: 高度 |
| setColumnSize | 设置列宽 | columnSize: 列宽数组 |
| getColumnSize | 得到列宽 | — |
| setRegionColumnSize | 设置列项之间的间隙 | columnSize: 列宽数组 |
| getRegionColumnSize | 获得列项之间的间隙 | — |
| setVerticalScroll | 设置纵向滚动距离 | scrollTop: 纵向滚动距离 |
| setLeftHorizontalScroll | 设置左到右横向滚动距离 | scrollLeft: 横向滚动距离 |
| setRightHorizontalScroll | 设置右往左横向滚动距离 | scrollLeft: 横向滚动距离 |
| getVerticalScroll | 获取纵向滚动距离 | — |
| getLeftHorizontalScroll | 获取左到右横向滚动距离 | — |
| getRightHorizontalScroll | 获取右往左横向滚动距离 | — |
| attr | 设置属性 | key: 键 value: 值 |
| restore | 存储 | — |
| populate | 增加项 | items: array |
| destroy | 摧毁表 | — |

52
uidoc/case/table/tree_table.md
Unescape View File

@ -1,2 +1,54 @@
# bi.tree_table
### 树状结构的表格
## 参数设置
| 参数 | 说明 | 类型 | 默认值 |
| ----------------------- | ------------------------ | -------------------- | ----------------- |
| isNeedResize | 是否需要调整列宽 | bool | false |
| isResizeAdapt | 是否需要在调整列宽或区域宽度的时候它们自适应变化 | bool | true |
| isNeedFreeze | 是否需要冻结表头 | bool | false |
| freezeCols | 冻结的列 | array | [] |
| isNeedMerge | 是否需要合并单元格 | bool | false |
| mergeCols | 合并的单元格列号 | array | [] |
| mergeRule | 合并规则, 默认相等时合并 | function(row1, row2) | 默认row1 = row2 时合并 |
| columnSize | 单元格宽度集合 | array | [] |
| minColumnSize | 最小列宽 | array | [] |
| maxColumnSize | 最大列宽 | array | [] |
| headerRowSize | 表头高度 | number | 25 |
| headerCellStyleGetter | | function | BI.emptyFn |
| summaryCellStyleGetter | | function | BI.emptyFn |
| sequenceCellStyleGetter | | function | BI.emptyFn |
| rowSize | 普通单元格高度 | number | 25 |
| regionColumnSize | 列项间的 | array | [] |
| header | 表头 | array | [] |
| items | 子组件 | array | [] |
| crossHeader | 交叉表头 | array | [] |
| crossItems | 交叉项 | array | [] |
## 方法
| 方法名 | 说明 | 回调参数 |
| ------------------------ | ----------- | ------------------ |
| setWidth | 设置宽度 | width: 宽度 |
| setHeight | 设置高度 | height: 高度 |
| setColumnSize | 设置列宽 | columnSize: 列宽数组 |
| getColumnSize | 得到列宽 | — |
| setRegionColumnSize | 设置列项之间的间隙 | columnSize: 列宽数组 |
| getRegionColumnSize | 获得列项之间的间隙 | — |
| setVerticalScroll | 设置纵向滚动距离 | scrollTop: 纵向滚动距离 |
| setLeftHorizontalScroll | 设置左到右横向滚动距离 | scrollLeft: 横向滚动距离 |
| setRightHorizontalScroll | 设置右往左横向滚动距离 | scrollLeft: 横向滚动距离 |
| getVerticalScroll | 获取纵向滚动距离 | — |
| getLeftHorizontalScroll | 获取左到右横向滚动距离 | — |
| getRightHorizontalScroll | 获取右往左横向滚动距离 | — |
| attr | 设置属性 | key: 键 value: 值 |
| restore | 存储 | — |
| populate | 增加项 | items: array |
| destroy | 摧毁表 | — |
# tree_table # tree_table

Write Preview
Loading…
Cancel
Save