forked from fanruan/fineui
windy
7 years ago
14 changed files with 233 additions and 14 deletions
@ -1,2 +1,22 @@ |
|||||||
# dialog |
# dialog |
||||||
|
|
||||||
|
## 对话框 |
||||||
|
|
||||||
|
{% method %} |
||||||
|
[source](https://jsfiddle.net/fineui/9tj0jrpp/) |
||||||
|
|
||||||
|
{% common %} |
||||||
|
```javascript |
||||||
|
BI.Msg.alert(title, content) |
||||||
|
``` |
||||||
|
|
||||||
|
{% endmethod %} |
||||||
|
|
||||||
|
##参数 |
||||||
|
|
||||||
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
||||||
|
| :------ |:------------- | :-----| :----|:----| |
||||||
|
| title | 对话框标题 | string | | | |
||||||
|
| content | 对话框内容 | string | | | |
||||||
|
|
||||||
|
--- --- |
||||||
@ -1,2 +1,70 @@ |
|||||||
# down_list_combo |
# 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) |
||||||
@ -1,2 +1,26 @@ |
|||||||
# month_combo |
# 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 | | {} | |
||||||
|
|
||||||
|
--- --- |
||||||
|
|
||||||
|
|||||||
@ -1,2 +1,32 @@ |
|||||||
# multi_select_combo |
# 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 %} |
||||||
|
|
||||||
|
##参数 |
||||||
|
|
||||||
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
||||||
|
| :------ |:------------- | :-----| :----|:----| |
||||||
|
|
||||||
|
## 方法 |
||||||
|
| 方法 | 说明 | 用法 | |
||||||
|
| ---------------------------- | ---------------- | ------------------------------------ | | |
||||||
@ -1,2 +1,36 @@ |
|||||||
# numeric_interval |
# 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提示 | | |
||||||
@ -1,2 +1,25 @@ |
|||||||
# quarter_combo |
# 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 | | {} | |
||||||
|
|
||||||
|
--- --- |
||||||
@ -1,2 +1,28 @@ |
|||||||
# year_combo |
# 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…
Reference in new issue