Browse Source

Merge pull request #117 in ~GUY/fineui from ~WINDY/fineui:master to master

* commit '683e11ae6a2b62e20188c63fe400fc51002171b2':
  详细控件
es6
windy 7 years ago
parent
commit
ee3a77a0a1
  1. 5
      demo/version.js
  2. 5
      public/js/index.js
  3. 4
      uidoc/SUMMARY.md
  4. 2
      uidoc/base/tree/async_tree.md
  5. 2
      uidoc/base/tree/part_tree.md
  6. 2
      uidoc/base/tree/tree_view.md
  7. 20
      uidoc/detailed/dialog.md
  8. 68
      uidoc/detailed/down_list_combo.md
  9. 24
      uidoc/detailed/month_combo.md
  10. 30
      uidoc/detailed/multi_select_combo.md
  11. 2
      uidoc/detailed/node.md
  12. 34
      uidoc/detailed/numeric_interval.md
  13. 23
      uidoc/detailed/quarter_combo.md
  14. 26
      uidoc/detailed/year_combo.md

5
demo/version.js

@ -25,5 +25,8 @@ BI.i18n = {
"BI-Quarter_1": "第1季度",
"BI-Quarter_2": "第2季度",
"BI-Quarter_3": "第3季度",
"BI-Quarter_4": "第4季度"
"BI-Quarter_4": "第4季度",
"BI-Basic_Value": "值",
"BI-Load_More": "加载更多",
"BI-Select_All": "全选"
};

5
public/js/index.js

@ -20,5 +20,8 @@ BI.i18n = {
"BI-Quarter_1": "第1季度",
"BI-Quarter_2": "第2季度",
"BI-Quarter_3": "第3季度",
"BI-Quarter_4": "第4季度"
"BI-Quarter_4": "第4季度",
"BI-Basic_Value": "值",
"BI-Load_More": "加载更多",
"BI-Select_All": "全选"
};

4
uidoc/SUMMARY.md

@ -66,10 +66,6 @@
* [multifile_editor](base/editor/multifile_editor.md)
* [textarea_editor](base/editor/textarea_editor.md)
* [formula_editor](base/editor/formula_editor.md)
* 树
* [tree_view](base/tree/tree_view.md)
* [async_tree](base/tree/async_tree.md)
* [part_tree](base/tree/part_tree.md)
* 表格
* [table_view](base/table/table_view.md)
* [grid_table](base/table/grid_table.md)

2
uidoc/base/tree/async_tree.md

@ -1,2 +0,0 @@
# async_tree

2
uidoc/base/tree/part_tree.md

@ -1,2 +0,0 @@
# part_tree

2
uidoc/base/tree/tree_view.md

@ -1,2 +0,0 @@
# tree_view

20
uidoc/detailed/dialog.md

@ -1,2 +1,22 @@
# dialog
## 对话框
{% method %}
[source](https://jsfiddle.net/fineui/9tj0jrpp/)
{% common %}
```javascript
BI.Msg.alert(title, content)
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| title | 对话框标题 | string | | |
| content | 对话框内容 | string | | |
--- ---

68
uidoc/detailed/down_list_combo.md

@ -1,2 +1,70 @@
# down_list_combo
## 多层下拉列表的下拉框
{% method %}
[source](https://jsfiddle.net/fineui/p0hykqo9/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.down_list_combo',
element: '#wrapper',
width: 300,
items: [
[{
el: {
text: "column 1111",
iconCls1: "check-mark-e-font",
value: 11
},
children: [{
text: "column 1.1",
value: 21,
cls: "dot-e-font",
selected: true
}, {
text: "column 1.222222222222222222222222222222222222",
cls: "dot-e-font",
value: 22,
}]
}],
[{
el: {
type: "bi.icon_text_icon_item",
text: "column 2",
iconCls1: "chart-type-e-font",
cls: "dot-e-font",
value: 12
},
disabled: true,
children: [{
type: "bi.icon_text_item",
cls: "dot-e-font",
height: 25,
text: "column 2.1",
value: 11
}, {
text: "column 2.2",
value: 12,
cls: "dot-e-font"
}]
}]
]
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| el | 自定义下拉框trigger | object | | |
| trigger | 下拉列表的弹出方式 | string | click, hover | click |
| direction | 弹出列表和trigger的位置关系 | string | top | bottom | left | right | top,left | top,right | bottom,left | bottom,right | bottom |
| adjustLength | 弹出列表和trigger的距离 | number | | 0 |
--- ---
##具体配置方法见[Combo](../core/combination/bi.combo.md)

24
uidoc/detailed/month_combo.md

@ -1,2 +1,26 @@
# month_combo
## 月份选择下拉框
{% method %}
[source](https://jsfiddle.net/fineui/u4u04ntn/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.month_combo',
element: '#wrapper',
width: 300
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| behaviors | 自定义下拉列表中item项的行为,如高亮,标红等 | object | | {} |
--- ---

30
uidoc/detailed/multi_select_combo.md

@ -1,2 +1,32 @@
# multi_select_combo
## 带确定的复选下拉框
{% method %}
[source](https://jsfiddle.net/fineui/oskypvLe/)
{% common %}
```javascript
BI.createWidget({
type: "bi.multi_select_combo",
element: '#wrapper',
width: 500,
itemsCreator: function(){
return {
items: [],
hasNext: false
}
}
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
## 方法
| 方法 | 说明 | 用法 |
| ---------------------------- | ---------------- | ------------------------------------ | |

2
uidoc/detailed/node.md

@ -1,2 +0,0 @@
# node节点

34
uidoc/detailed/numeric_interval.md

@ -1,2 +1,36 @@
# numeric_interval
## 数值区间控件
{% method %}
[source](https://jsfiddle.net/fineui/oskypvLe/)
{% common %}
```javascript
BI.createWidget({
type: "bi.numerical_interval",
element: '#wrapper',
width: 500
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| min | 最小值初始值 | number | | 无 |
| max | 最大值初始值 | number | | 无 |
| closeMin | 左区间初始状态 | boolean | | true |
| closeMax | 右区间初始状态 | boolean | | true |
## 方法
| 方法 | 说明 | 用法 |
| ---------------------------- | ---------------- | ------------------------------------ |
| isStateValid() | 当前状态是否有效(输入是否合法, 区间是否成立) | |
| setMinEnable(boolean) | 设置左区间输入框disable状态 | |
| setCloseMinEnable(boolean) | 设置左区间开闭combo的disable状态 | |
| setMaxEnable(boolean) | 设置右区间输入框disable状态 | |
| setCloseMaxEnable(boolean) | 设置右区间开闭combo的disable状态 | |
| setNumTip(string) | 设置数值区间的tip提示 | |

23
uidoc/detailed/quarter_combo.md

@ -1,2 +1,25 @@
# quarter_combo
## 季度选择下拉框
{% method %}
[source](https://jsfiddle.net/fineui/rw7ubwtj/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.quarter_combo',
element: '#wrapper',
width: 300
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| behaviors | 自定义下拉列表中item项的行为,如高亮,标红等 | object | | {} |
--- ---

26
uidoc/detailed/year_combo.md

@ -1,2 +1,28 @@
# year_combo
## 年份选择下拉框
{% method %}
[source](https://jsfiddle.net/fineui/3na3125L/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.year_combo',
element: '#wrapper',
width: 300
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| behaviors | 自定义下拉列表中item项的行为,如高亮,标红等 | object | | {} |
| min | 限定可选日期的下限 | string | | '1900-01-01' |
| max | 限定可选日期的上限 | string | | '2099-12-31' |
--- ---

Loading…
Cancel
Save