forked from fanruan/fineui
windy
7 years ago
14 changed files with 233 additions and 14 deletions
@ -1,2 +1,22 @@
|
||||
# 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 |
||||
|
||||
## 多层下拉列表的下拉框 |
||||
|
||||
{% 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 |
||||
|
||||
## 月份选择下拉框 |
||||
|
||||
{% 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 |
||||
|
||||
## 带确定的复选下拉框 |
||||
|
||||
{% 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 |
||||
|
||||
## 数值区间控件 |
||||
|
||||
{% 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 |
||||
|
||||
## 季度选择下拉框 |
||||
|
||||
{% 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 |
||||
|
||||
## 年份选择下拉框 |
||||
|
||||
{% 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