|
|
|
|
# bi.grid_table
|
|
|
|
|
|
|
|
|
|
### 列表展示的table，继承BI.Widget
|
|
|
|
|
|
|
|
|
|
{% method %}
|
|
|
|
|
[source](https://jsfiddle.net/fineui/a936vcvj/)
|
|
|
|
|
|
|
|
|
|
{% common %}
|
|
|
|
|
```javascript
|
|
|
|
|
BI.createWidget({
|
|
|
|
|
type: "bi.grid_table",
|
|
|
|
|
element: 'body',
|
|
|
|
|
width: 600,
|
|
|
|
|
height: 500,
|
|
|
|
|
isResizeAdapt: true,
|
|
|
|
|
isNeedResize: true,
|
|
|
|
|
isNeedFreeze: true,
|
|
|
|
|
freezeCols: [0, 1],
|
|
|
|
|
columnSize: [50,50,200,250,400],
|
|
|
|
|
items: items,
|
|
|
|
|
header: header
|
|
|
|
|
});
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
{% endmethod %}
|
|
|
|
|
|
|
|
|
|
## 参数设置
|
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
| ---------------- | ------- | ------ | ----- |
|
|
|
|
|
| isNeedFreeze | 是否需要冻结 | bool | false |
|
|
|
|
|
| freezeCols | 冻结列 | array | [] |
|
|
|
|
|
| columnSize | 单元格宽度集合 | array | [] |
|
|
|
|
|
| headerRowSize | 表头高度 | number | 25 |
|
|
|
|
|
| rowSize | 普通单元格高度 | number | 25 |
|
|
|
|
|
| regionColumnSize | 列项间的 | array | [] |
|
|
|
|
|
| header | 表头 | array | [] |
|
|
|
|
|
| items | 子组件 | array | [] |
|
|
|
|
|
|
|
|
|
|
## 方法
|
|
|
|
|
| 方法名 | 说明 | 用法 |
|
|
|
|
|
| ------------------------ | ----------- | ------------------------------------ |
|
|
|
|
|
| setWidth | 设置宽度 | setWidth(width) |
|
|
|
|
|
| setHeight | 设置高度 | setHeight(height) |
|
|
|
|
|
| getRegionSize | 获取间隙大小 | getRegionSize() |
|
|
|
|
|
| setColumnSize | 设置列宽 | setColumnSize(columnSize) |
|
|
|
|
|
| getColumnSize | 得到列宽 | getColumnSize() |
|
|
|
|
|
| setRegionColumnSize | 设置列项之间的间隙 | setRegionColumnSize(columnSize) |
|
|
|
|
|
| getRegionColumnSize | 获得列项之间的间隙 | getRegionColumnSize() |
|
|
|
|
|
| setVerticalScroll | 设置纵向滚动距离 | setVerticalScroll(scrollTop) |
|
|
|
|
|
| setLeftHorizontalScroll | 设置左到右横向滚动距离 | setLeftHorizontalScroll(scrollLeft) |
|
|
|
|
|
| setRightHorizontalScroll | 设置右往左横向滚动距离 | setRightHorizontalScroll(scrollLeft) |
|
|
|
|
|
| getVerticalScroll | 获取纵向滚动距离 | getVerticalScroll() |
|
|
|
|
|
| getLeftHorizontalScroll | 获取左到右横向滚动距离 | getLeftHorizontalScroll() |
|
|
|
|
|
| getRightHorizontalScroll | 获取右往左横向滚动距离 | getRightHorizontalScroll() |
|
|
|
|
|
| populate | 增加行 | populate(rows) |
|
|
|
|
|
| restore | 储存 | restore() |
|
