API文档整理

This commit is contained in:
yangchch6 2019-04-28 10:23:32 +08:00
parent 531ff5eade
commit 274ab33ff6
6 changed files with 32957 additions and 39233 deletions

View File

@ -2,7 +2,7 @@
*
* @title 拖拽改变行顺序
* @parent 行操作-拖拽
* @description 拖拽改变行顺序
* @description `rowDraggAble`参数设置是否使用行交换顺序功能
* Demo1201
*/

View File

@ -24,7 +24,7 @@ class Demo1304 extends Component {
this.state = {
data: data,
selectedRowIndex: 0,
selectedValue:"ASVAL_201903200004"
selectedValue:"ASVAL_201903280005"
}
}

File diff suppressed because one or more lines are too long

72141
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -108,11 +108,10 @@ import 'bee-table/build/Table.css';
| textAlign | 内容对齐方式,默认是左对齐('left、right、center' | string |
## mixin
## 高阶函数
Table拓展功能方法。注拼接成复杂功能的table组件不能在render中定义需要像此例子声明在组件的外侧不然在操作state会导致功能出现异常
### 如何引用
需要单独的去引用相应的js文件目录在lib文件夹示例如下
```js
@ -120,29 +119,17 @@ import multiSelect from "tinper-bee/lib/multiSelect.js";
```
### multiSelect 多选功能
#### multiSelect 新增API
#### API
Data 数组参数:
| 参数 | 说明 | 类型 | 默认值 |
| ------------------- | -------------------------- | -------- | -------- |
| _checked | 设置是否选中当前数据设置在data数组中 | boolean | true/false |
| _disabled | 设置是否禁用当前数据设置在data数组中 | boolean | true/false
| getSelectedDataFunc | 返回当前选中的数据数组设置在Table组件上 | Function | 无 |
<font color="#ccc">
#### <font color="#ccc">multiSelect 废弃部分的API</font>
Table 组件参数:
| 参数 | 说明 | 类型 | 默认值 |
| ------------------- | -------------------------- | -------- | -------- |
| multiSelect | 全选功能的配置对象,属性参见下面 | obj | {} |
| multiSelect.type | 全选功能的类型,多选或单选(暂时只支持多选) | string | checkbox |
| multiSelect.param | 通过设置该参数来设计获取的数据数组,默认返还所有数据 | string | '' |
| getSelectedDataFunc | 返回当前选中的数据数组 | Function | 无 |
| selectDisabled | 设置某一行数据无法被选中使用类似于rowClassName | Function(record, index):bool | 无 |
| selectedRow | 设置某一行数据是否被选中使用类似于rowClassName | Function(record, index):bool | 无 |
</font>
| ------------------- | -------------------------- | -------- | -------- |
| getSelectedDataFunc | 返回当前选中的数据数组设置在Table组件上 | Function | 无 |
#### 使用
@ -156,7 +143,8 @@ const MultiSelectTable = multiSelect(Table, Checkbox);
### sort 排序功能
#### columns新增参数
#### API
column 数组参数:
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---------- | -------- | ---- |
@ -175,7 +163,8 @@ const SortTable = sort(Table, Icon);
### sum 合计功能
#### columns新增参数
#### API
column 数组参数:
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---------- | -------- | ---- |
@ -193,8 +182,8 @@ const SumTable = sum(Table);
### dragColumn 拖拽列功能
#### dragColumn新增参数
#### API
Table 组件参数:
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---------- | -------- | ---- |
| dragborder | 拖拽调整列宽度 | boolean | false |
@ -202,7 +191,6 @@ const SumTable = sum(Table);
| onDrop | 拖拽释放回调函数(交换列) | function | () => {} |
| onDropBorder | 拖拽释放回调函数(调整列宽) | function | (e) => {} |
#### 使用
```js
@ -215,7 +203,7 @@ const DragColumnTable = dragColumn(Table);
### filterColumn 过滤功能
#### filterColumn新增参数
#### API
@ -234,7 +222,6 @@ const DragColumnTable = filterColumn(Table, Checkbox, Popover, Icon);
## rendertype
在表格中提供了多种rendertype可以供选择比如下拉框输入框日期等
### 如何引用
需要单独的去引用相应的js文件目录在render文件夹示例如下
```js
@ -374,6 +361,6 @@ const CheckboxRender = renderCheckbox(Checkbox, Icon);
需要给expandedRowRender中返回的对象添加`style=\{{height: xxx}\}`,来使扩展后的固定列扩展成一样高度。
> 当表格场景比较复杂时,可以使用[复杂表格ComplexGrid](https://design.yonyoucloud.com/tinper-acs/bee-complex-grid)。ComplexGrid将常用的过滤、多选、分页、列交换、列拖拽等功能集成在一起。使用起来超级方便。
> 当表格场景比较复杂时,可以使用[复杂表格ComplexGrid](http://bee.tinper.org/bee-complex-grid#bee-complex-grid)。ComplexGrid将常用的过滤、多选、分页、列交换、列拖拽等功能集成在一起。使用起来超级方便。
## 更新日志