forked from fanruan/fineui
guy
7 years ago
39 changed files with 351 additions and 58 deletions
@ -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() | |
||||||
|
|||||||
@ -1,2 +1,37 @@ |
|||||||
# table |
# bi.table |
||||||
|
|
||||||
|
### table作为一个列表集合存在，继承BI.Widget |
||||||
|
{% method %} |
||||||
|
[source](https://jsfiddle.net/fineui/8t2en619/) |
||||||
|
|
||||||
|
{% common %} |
||||||
|
```javascript |
||||||
|
BI.createWidget({ |
||||||
|
element: "body", |
||||||
|
type: "bi.table", |
||||||
|
items: [], |
||||||
|
columnSize: [100, "fill", 200], |
||||||
|
rowSize: [10, 30, 50, 70, 90, 110, 130], |
||||||
|
hgap: 20, |
||||||
|
vgap: 10 |
||||||
|
}); |
||||||
|
``` |
||||||
|
|
||||||
|
{% endmethod %} |
||||||
|
|
||||||
|
## 参数设置 |
||||||
|
| 参数 | 说明 | 类型 | 默认值 | |
||||||
|
| ---------- | --------- | ------------ | ---------------------------------------- | |
||||||
|
| scrolly | 是否出现滚动条 | bool | true | |
||||||
|
| columnSize | 列项宽度 | array/number | [200, 200, 'fill'] | |
||||||
|
| rowSize | 行高 | array/number | 30 | |
||||||
|
| hgap | 内部元素间纵向距离 | number | 0 | |
||||||
|
| vgap | 内部元素间横向距离 | number | 0 | |
||||||
|
| items | 子项 | array | [{width: 100,el: {type: 'bi.button', text: 'button1'}},{width: 'fill',el: {type: 'bi.button', text: 'button2'}},{width: 200,el: {type: 'bi.button', text: 'button3'}}] | |
||||||
|
|
||||||
|
## 方法 |
||||||
|
| 方法名 | 说明 | 用法 | |
||||||
|
| :------- | ------ | ---------------- | |
||||||
|
| addItem | 增加内容 | addItem(arr) | |
||||||
|
| populate | 更换新的内容 | poplulate(items) | |
||||||
|
|
||||||
|
|||||||
@ -1,2 +1,38 @@ |
|||||||
# td |
# bi.td |
||||||
|
|
||||||
|
### 单元格控件，继承BI.Layout |
||||||
|
|
||||||
|
{% method %} |
||||||
|
[source](https://jsfiddle.net/fineui/v4jrz6a3/) |
||||||
|
|
||||||
|
{% common %} |
||||||
|
```javascript |
||||||
|
BI.createWidget({ |
||||||
|
type: "bi.td", |
||||||
|
element: 'body', |
||||||
|
columnSize: [20, 20, 'fill'], |
||||||
|
items: [] |
||||||
|
}); |
||||||
|
``` |
||||||
|
|
||||||
|
{% endmethod %} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
##参数 |
||||||
|
|
||||||
|
| 参数 | 说明 | 类型 | 默认值 | |
||||||
|
| ---------- | ---- | ------ | ---------------------------------------- | |
||||||
|
| columnSize | 列宽 | array | [200, 200, 200] | |
||||||
|
| hgap | 纵向间隙 | number | 0 | |
||||||
|
| vgap | 横向间隙 | number | 0 | |
||||||
|
| items | 内容项 | array | [[{el: {text: 'label1'}},{ el: {text: 'label2'},{ el: {text: 'label3'} | |
||||||
|
|
||||||
|
|
||||||
|
## 方法 |
||||||
|
|
||||||
|
| 方法名 | 说明 | 用法 | |
||||||
|
| -------- | ------ | ---------------- | |
||||||
|
| addItem | 增加内容 | addItem(arr) | |
||||||
|
| populate | 更换新的内容 | poplulate(items) | |
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,2 @@ |
|||||||
|
# multilayer_select_tree_combo |
||||||
|
|
||||||
@ -0,0 +1,2 @@ |
|||||||
|
# multilayer_single_tree_combo |
||||||
|
|
||||||
@ -0,0 +1,2 @@ |
|||||||
|
# direction_path_chooser |
||||||
|
|
||||||
@ -0,0 +1,2 @@ |
|||||||
|
# finetuning_number_editor |
||||||
|
|
||||||
Loading…
Reference in new issue