woodyjang 7 years ago
parent
commit
d746044bc8
  1. 3
      public/js/index.js
  2. 2
      uidoc/SUMMARY.md
  3. 21
      uidoc/base/editor/editor.md
  4. 7
      uidoc/base/editor/multifile_editor.md
  5. 6
      uidoc/base/pager.md
  6. 16
      uidoc/base/svg.md
  7. 9
      uidoc/base/table/table_view.md
  8. 46
      uidoc/case/calendar.md
  9. 32
      uidoc/case/clipboard.md
  10. 38
      uidoc/case/color_chooser.md
  11. 47
      uidoc/case/pager/all_count_pager.md
  12. 64
      uidoc/case/pager/direction_pager.md
  13. 9
      uidoc/core/abstract/button_group.md
  14. 7
      uidoc/core/abstract/button_tree.md
  15. 4
      uidoc/core/abstract/collection_view.md
  16. 23
      uidoc/core/abstract/custom_tree.md
  17. 5
      uidoc/core/abstract/grid_view.md
  18. 10
      uidoc/core/abstract/virtual_list.md
  19. 13
      uidoc/core/combination/bi.combo.md
  20. 12
      uidoc/core/combination/bi.expander.md
  21. 47
      uidoc/core/combination/searcher.md
  22. 11
      uidoc/detailed/combo/single_tree_combo.md
  23. 8
      uidoc/detailed/date/custom_date_time.md
  24. 8
      uidoc/detailed/date/year_month_combo.md
  25. 9
      uidoc/detailed/date/year_quarter_combo.md
  26. 1
      uidoc/detailed/down_list_combo.md
  27. 1
      uidoc/detailed/month_combo.md
  28. 1
      uidoc/detailed/multi_select_combo.md
  29. 1
      uidoc/detailed/numeric_interval.md
  30. 1
      uidoc/detailed/quarter_combo.md
  31. 25
      uidoc/detailed/table/bi.preview_table.md
  32. 25
      uidoc/detailed/table/bi.responsive_table.md
  33. 9
      uidoc/detailed/text_input/bi.clear_editor.md
  34. 25
      uidoc/detailed/text_input/bi.search_editor.md
  35. 51
      uidoc/detailed/text_input/bi.text_editor.md
  36. 27
      uidoc/detailed/text_input/finetuning_number_editor.md
  37. 7
      uidoc/detailed/tree/bi.multi_tree_combo.md
  38. 1
      uidoc/detailed/year_combo.md

3
public/js/index.js

@ -26,5 +26,6 @@ BI.i18n = {
"BI-Quarter_4": "第4季度", "BI-Quarter_4": "第4季度",
"BI-Basic_Value": "值", "BI-Basic_Value": "值",
"BI-Load_More": "加载更多", "BI-Load_More": "加载更多",
"BI-Select_All": "全选" "BI-Select_All": "全选",
"BI-Basic_Auto": "自动"
}; };

2
uidoc/SUMMARY.md

@ -120,7 +120,7 @@
* [all_count_pager](case/pager/all_count_pager.md) * [all_count_pager](case/pager/all_count_pager.md)
* [direction_pager](case/pager/direction_pager.md) * [direction_pager](case/pager/direction_pager.md)
* [calendar](case/calendar.md) * [calendar](case/calendar.md)
* [clipboard](case/shelter_editor.md) * [clipboard](case/clipboard.md)
* [complex_canvas](case/complex_canvas.md) * [complex_canvas](case/complex_canvas.md)
* [color_chooser](case/color_chooser.md) * [color_chooser](case/color_chooser.md)
* [segment](case/segment.md) * [segment](case/segment.md)

21
uidoc/base/editor/editor.md

@ -63,7 +63,26 @@ BI.createWidget({
| isEditing | 文本框是否处于编辑状态|—| | isEditing | 文本框是否处于编辑状态|—|
| isValid | 文本框值是否有效|—| | isValid | 文本框值是否有效|—|
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.Editor.EVENT_CHANGE | editor的value发生改变触发 |
|BI.Editor.EVENT_FOCUS | focus事件 |
|BI.Editor.EVENT_BLUR | blur事件 |
|BI.Editor.EVENT_CLICK | 点击编辑框触发(不在编辑状态时) |
|BI.Editor.EVENT_KEY_DOWN | keyDown时触发 |
|BI.Editor.EVENT_SPACE | 按下空格触发 |
|BI.Editor.EVENT_BACKSPACE | 按下Backspace触发 |
|BI.Editor.EVENT_START | 开始输入触发 |
|BI.Editor.EVENT_PAUSE | 暂停输入触发(输入空白字符) |
|BI.Editor.EVENT_STOP | 停止输入触发 |
|BI.Editor.EVENT_CONFIRM | 确定输入触发(blur时且输入值有效) |
|BI.Editor.EVENT_VALID | 输入值有效的状态事件 |
|BI.Editor.EVENT_ERROR | 输入值无效的状态事件 |
|BI.Editor.EVENT_ENTER | 回车事件 |
|BI.Editor.EVENT_RESTRICT | 回车但是值不合法 |
|BI.Editor.EVENT_REMOVE | 输入为空时按下backspace |
|BI.Editor.EVENT_EMPTY | 输入框为空时触发 |
--- ---

7
uidoc/base/editor/multifile_editor.md

@ -38,7 +38,12 @@ BI.createWidget({
| upload | 文件上传| —| | upload | 文件上传| —|
| reset | 重置| —| | reset | 重置| —|
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.MultifileEditor.EVENT_UPLOADSTART | 开始上传时触发 |
|BI.MultifileEditor.EVENT_PROGRESS | 上传过程中触发 |
|BI.MultifileEditor.EVENT_UPLOADED | 上传结束后触发 |
--- ---

6
uidoc/base/pager.md

@ -58,8 +58,10 @@ BI.createWidget({
| attr | 设置属性 | key,value | | attr | 设置属性 | key,value |
| populate | | —| | populate | | —|
## 事件
| 名称 | 说明 |
| :------ |:------------- |
| BI.Pager.EVENT_AFTER_POPULATE | pager刷新完成事件 |
--- ---

16
uidoc/base/svg.md

@ -14,25 +14,9 @@ var svg = BI.createWidget({
height: 600 height: 600
}); });
var circle = svg.circle(100, 100, 10);
circle.animate({fill: "#223fa3", stroke: "#000", "stroke-width": 80, "stroke-opacity": 0.5}, 2000);
var el = svg.rect(10, 200, 300, 200);
el.transform("t100,100r45t-100,0");
svg.path("M10,10L50,50M50,10L10,50") svg.path("M10,10L50,50M50,10L10,50")
.attr({stroke: "red"}); .attr({stroke: "red"});
BI.createWidget({
type: "bi.absolute",
element: this,
items: [{
el: svg,
left: 100,
top: 50
}]
})
``` ```

9
uidoc/base/table/table_view.md

@ -62,3 +62,12 @@ BI.createWidget({
| getRightHorizontalScroll | 获取右往左横向滚动距离 | getRightHorizontalScroll() | | getRightHorizontalScroll | 获取右往左横向滚动距离 | getRightHorizontalScroll() |
| getColumns | 获取列项 | getColumns() | | getColumns | 获取列项 | getColumns() |
| populate | 增加行 | populate(rows) | | populate | 增加行 | populate(rows) |
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.Table.EVENT_TABLE_AFTER_INIT | table初始化完成后触发 |
|BI.Table.EVENT_TABLE_RESIZE | table大小调整时触发(窗口变化等) |
|BI.Table.EVENT_TABLE_SCROLL | 滚动事件 |
---

46
uidoc/case/calendar.md

@ -1,2 +1,46 @@
# calendar # bi.calendar
### 日历控件
{% method %}
[source](https://jsfiddle.net/fineui/4sfsaoma/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.calendar',
min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期
year: 2015,
month: 7, //7表示八月
day: 25,
});
```
{% endmethod %}
### 参数
| 参数 | 说明 | 类型 | 默认值 |
| ----- | ----- | ------ | ------------ |
| min | 最小日期 | string | '1900-01-01' |
| max | 最大日期 | string | '2099-12-31' |
| year | 设定的年份 | number | 2015 |
| month | 设定的月份 | number | 7 |
| day | 设定的日期 | number | 25 |
### 方法
| 方法名 | 说明 | 参数 |
| ----------- | ------- | -------------------------- |
| isFrontDate | 是否为最小日期 | — |
| isFinalDate | 是否为最大日期 | — |
| setValue | 设置日期 | object: {year, month, day} |
| getVlaue | 获得日期 | — |

32
uidoc/case/clipboard.md

@ -0,0 +1,32 @@
# bi.clipboard
### 剪切板
{% method %}
[source](https://jsfiddle.net/fineui/kLzq99c3/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.clipboard',
width: 100,
height: 100,
copy: function () {},
afterCopy: function () {}
});
```
{% endmethod %}
### 参数
| 参数 | 说明 | 类型 | 默认值 |
| --------- | ---------- | -------- | ---------- |
| copy | 获取需要拷贝的值 | function | BI.emptyFn |
| afterCopy | 完成拷贝后执行的方法 | function | BI.emptyFn |

38
uidoc/case/color_chooser.md

@ -3,37 +3,29 @@
### 选色控件 ### 选色控件
{% method %} {% method %}
[source](https://jsfiddle.net/fineui/7skvd64L/) [source](https://jsfiddle.net/fineui/z4fwweg9/)
{% common %} {% common %}
```javascript ```javascript
BI.createWidget({ BI.createWidget({
type: "bi.vertical", type: "bi.color_chooser",
element: "#wrapper", element: "#wrapper",
items: [{ width: 30,
type: "bi.label", height: 30
height: 30,
text: "默认风格"
}, {
type: "bi.segment",
items: [{
text: "tab1",
value: 1,
selected: true
}, {
text: "tab2",
value: 2
}, {
text: "tab3 disabled",
disabled: true,
value: 3
}]
}],
hgap: 50,
vgap: 20
}); });
``` ```
{% endmethod %} {% endmethod %}
### 方法
| 方法名 | 说明 | 参数 |
| ------------- | ------ | ----- |
| isViewVisible | 判断是否显示 | — |
| setValue | 设置颜色值 | color |
| getValue | 获取颜色值 | — |

47
uidoc/case/pager/all_count_pager.md

@ -1,2 +1,47 @@
# all_count_pager # bi.all_count_pager
### 有总页数和总行数的分页控件
{% method %}
[source](https://jsfiddle.net/fineui/cmtamo5L/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.all_count_pager',
height: 30,
pages: 10, //必选项
curr: 1,
count: 1,
});
```
{% endmethod %}
### 参数
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---- | ------ | ---- |
| height | 控件高度 | number | 30 |
| pages | 总页数 | number | 1 |
| curr | 当前页 | number | 1 |
| count | 总行数 | number | 1 |
### 方法
| 方法名 | 说明 | 参数 |
| --------------- | -------- | ---------- |
| setAllPages | 设置总页数 | v |
| setValue | 设置当前页码 | v |
| setVPage | 设置当前页码 | v |
| setCount | 设置计数 | count |
| getCurrentPage | 获取当前页码 | — |
| hasPrev | 是否有前一页 | — |
| hasNext | 是否有后一页 | — |
| setPagerVisible | 设置页码是否可见 | true/false |
| populate | 清空内容 | — |

64
uidoc/case/pager/direction_pager.md

@ -1,2 +1,64 @@
# direction_pager # bi.direction_pager
### 显示页码的分页控件
{% method %}
[source](https://jsfiddle.net/fineui/vyc36s2a/)
{% common %}
```javascript
var pager = BI.createWidget({
type: 'bi.direction_pager',
height: 30,
horizontal: {
pages: 10, //必选项
curr: 1, //初始化当前页, pages为数字时可用,
firstPage: 1,
lastPage: 10,
},
vertical: {
pages: 10, //必选项
curr: 1, //初始化当前页, pages为数字时可用,
firstPage: 1,
lastPage: 10,
},
element: 'body',
});
```
{% endmethod %}
### 参数
| 参数 | 二级参数 | 说明 | 类型 | 默认值 |
| ---------- | --------- | ---------------------- | --------------- | ---------- |
| height | | 控件高度 | number | 30 |
| horizontal | | 横向翻页设置 | object | — |
| | pages | 总页数 | number/bool | false |
| | curr | 当前页, pages为数字时可用 | number | 1 |
| | hasPrev | 判断是否有前一页的方法 | function | BI.emptyFn |
| | hasNext | 判断是否有后一页的方法 | function | BI.emptyFn |
| | firstPage | 第一页 | number | 1 |
| | lastPage | 最后一页 | number/function | BI.emptyFn |
| vertical | | 纵向翻页设置,参数与horizontal相同 | object | — |
### 方法
| 方法名 | 说明 | 参数 |
| ---------------- | ---------- | ---- |
| getVPage | 获取纵向页码 | — |
| getHPage | 获取水平向页码 | — |
| setVPage | 获取纵向页码 | v |
| setHPage | 获取水平向页码 | v |
| hasVNext | 纵向坐标是否有下一页 | — |
| hasHNext | 横向坐标是否有下一页 | — |
| hasVPrev | 纵向坐标是否有上一页 | — |
| hasHPrev | 横向坐标是否有上一页 | — |
| setHPagerVisible | 设置横向分页键可见 | — |
| setVPagerVisible | 设置纵向分页键可见 | — |
| populate | 清空内容 | — |

9
uidoc/core/abstract/button_group.md

@ -11,16 +11,9 @@
BI.createWidget({ BI.createWidget({
element: "#wrapper", element: "#wrapper",
type: "bi.button_group", type: "bi.button_group",
ref: function (_ref) {
ref = _ref;
},
chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE,
layouts: [{ layouts: [{
type: "bi.vertical", type: "bi.vertical"
items: [{
type: "bi.vtape",
height: 150,
}]
}], }],
items: [{ items: [{
el: { el: {

7
uidoc/core/abstract/button_tree.md

@ -14,8 +14,6 @@ BI.createWidget({
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI,
layouts: [{ layouts: [{
type: "bi.vertical" type: "bi.vertical"
}, {
type: "bi.center_adapt",
}], }],
items: [{ items: [{
type: "bi.label", type: "bi.label",
@ -23,11 +21,6 @@ BI.createWidget({
value: "label1", value: "label1",
height:50, height:50,
vgap:10 vgap:10
}, {
type: "bi.button",
text: "1",
value: "按钮1",
height:30
}] }]
}) })
``` ```

4
uidoc/core/abstract/collection_view.md

@ -61,6 +61,10 @@ BI.createWidget({
| populate | 刷新列表 | items | | populate | 刷新列表 | items |
## 事件
| 事件 | 说明 | 回调参数 |
| :------ |:------------- |:------------------------|
|BI.GridView.EVENT_SCROLL| 滚动时触发的事件 | {scrollLeft: scrollLeft, scrollTop: scrollTop} |
--- ---

23
uidoc/core/abstract/custom_tree.md

@ -8,7 +8,17 @@
{% common %} {% common %}
```javascript ```javascript
var TREEITEMS=[{ BI.createWidget({
type: "bi.custom_tree",
el: {
type: "bi.button_tree",
chooseType: 0,
layouts: [{
type: "bi.vertical",
hgap: 30
}]
},
items: [{
id: -1, id: -1,
pId: -2, pId: -2,
value: "根目录", value: "根目录",
@ -29,18 +39,7 @@ var TREEITEMS=[{
value: "第二级文件1", value: "第二级文件1",
type: "bi.single_select_item", type: "bi.single_select_item",
height: 25 height: 25
}];
BI.createWidget({
type: "bi.custom_tree",
el: {
type: "bi.button_tree",
chooseType: 0,
layouts: [{
type: "bi.vertical",
hgap: 30
}] }]
},
items: BI.deepClone(TREEITEMS)
}); });

5
uidoc/core/abstract/grid_view.md

@ -67,7 +67,10 @@ BI.createWidget({
| restore | 还原列表设置 | — | | restore | 还原列表设置 | — |
| populate | 刷新列表 | items | | populate | 刷新列表 | items |
## 事件
| 事件 | 说明 | 回调参数
| :------ |:------------- |:----------|
|BI.CollectionView.EVENT_SCROLL| 滚动时触发的事件 | {scrollLeft: scrollLeft, scrollTop: scrollTop} |
--- ---

10
uidoc/core/abstract/virtual_list.md

@ -8,18 +8,10 @@
{% common %} {% common %}
```javascript ```javascript
var ITEMS = BI.map("柳州市城贸金属材料有限责任公司 柳州市建福房屋租赁有限公司 柳州市迅昌数码办公设备有限责任公司 柳州市河海贸易有限责任公司 柳州市花篮制衣厂 柳州市兴溪物资有限公司 柳州市针织总厂 柳州市衡管物资有限公司 柳州市琪成机电设备有限公司 柳州市松林工程机械修理厂".match(/[^\s]+/g), function (i, v) {
return {
text: v,
value: v,
title: v
}
});
BI.createWidget({ BI.createWidget({
type: "bi.virtual_list", type: "bi.virtual_list",
element:"body", element:"body",
items: BI.map(ITEMS, function (i, item) { items: BI.map([{value: "xxxx"}], function (i, item) {
return BI.extend({}, item, { return BI.extend({}, item, {
type: "bi.label", type: "bi.label",
height: 30, height: 30,

13
uidoc/core/combination/bi.combo.md

@ -69,7 +69,18 @@ BI.createWidget({
| toggle ||| | toggle |||
|destroy ||| |destroy |||
## 事件
| 名称 | 说明 |
| :------ |:------------- |
|BI.Combo.EVENT_TRIGGER_CHANGE | trigger发生改变触发 |
|BI.Combo.EVENT_CHANGE | 弹出层点击触发 |
|BI.Combo.EVENT_EXPAND | 下拉框展开触发 |
|BI.Combo.EVENT_COLLAPSE | 下拉框收起触发
|BI.Combo.EVENT_AFTER_INIT | 下拉框初始化后触发 |
|BI.Combo.EVENT_BEFORE_POPUPVIEW | 下拉列表弹出前触发 |
|BI.Combo.EVENT_AFTER_POPUPVIEW | 下拉列表弹出后触发 |
|BI.Combo.EVENT_BEFORE_HIDEVIEW | 下拉列表收起前触发 |
|BI.Combo.EVENT_AFTER_HIDEVIEW | 下拉列表收起后触发 |
--- ---

12
uidoc/core/combination/bi.expander.md

@ -34,6 +34,18 @@
| isExpanded | 节点是否展开 | | | isExpanded | 节点是否展开 | |
| destroy | 销毁组件| — | | destroy | 销毁组件| — |
## 事件
| 名称 | 说明 |
| :------ |:------------- |
|BI.Expander.EVENT_TRIGGER_CHANGE | trigger发生改变触发 |
|BI.Expander.EVENT_CHANGE | 弹出层点击触发 |
|BI.Expander.EVENT_EXPAND | Expander展开触发 |
|BI.Expander.EVENT_COLLAPSE | Expander收起触发
|BI.Expander.EVENT_AFTER_INIT | Expander初始化后触发 |
|BI.Expander.EVENT_BEFORE_POPUPVIEW | 下拉列表弹出前触发 |
|BI.Expander.EVENT_AFTER_POPUPVIEW | 下拉列表弹出后触发 |
|BI.Expander.EVENT_BEFORE_HIDEVIEW | 下拉列表收起前触发 |
|BI.Expander.EVENT_AFTER_HIDEVIEW | 下拉列表收起后触发 |
--- ---

47
uidoc/core/combination/searcher.md

@ -8,42 +8,25 @@
{% common %} {% common %}
```javascript ```javascript
var items = [{ BI.createWidget({
type: "bi.searcher",
element:"#wrapper",
adapter: {
getItems: function () {
return [{
type: "bi.label", type: "bi.label",
value: "张三" value: "张三"
}, { }]
type: "bi.label", }
value: "李四" },
}]; popup: {
var popup = BI.createWidget({
type: "bi.button_group", type: "bi.button_group",
cls: "bi-border", cls: "bi-border",
items: items, items: items,
layouts: [{ layouts: [{
type: "bi.vertical" type: "bi.vertical"
}]
});
BI.createWidget({
type: "bi.searcher",
element:"#wrapper",
listeners: [{
eventName: BI.Searcher.EVENT_STOP,
action: function () {
popup.populate(items)
}
}, {
eventName: BI.Searcher.EVENT_PAUSE,
action: function () {
popup.populate(items)
}
}], }],
adapter: {
getItems: function () {
return items
}
}, },
popup: popup,
masker: false masker: false
}) })
@ -104,7 +87,15 @@ BI.createWidget({
| EVENT_SEARCHING | 搜索中| —| | EVENT_SEARCHING | 搜索中| —|
| EVENT_AFTER_INIT | 初始化之后 | —| | EVENT_AFTER_INIT | 初始化之后 | —|
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.Searcher.EVENT_CHANGE | 搜索结果面板发生改变触发 |
|BI.Searcher.EVENT_START | 开始搜索触发 |
|BI.Searcher.EVENT_STOP | 停止搜索触发(搜索框为空) |
|BI.Searcher.EVENT_PAUSE | 搜索暂停触发(搜索文本以空白字符结尾) |
|BI.Searcher.EVENT_SEARCHING | 正在搜索时触发 |
|BI.Searcher.EVENT_AFTER_INIT | 搜索结果面板初始化完成后触发 |
--- ---

11
uidoc/detailed/combo/single_tree_combo.md

@ -8,7 +8,7 @@
{% common %} {% common %}
```javascript ```javascript
var tree = BI.createWidget({ var tree = BI.createWidget({
type: "bi.simple_tree_combo", type: "bi.single_tree_combo",
element: 'body', element: 'body',
items: [], items: [],
text: "默认值", text: "默认值",
@ -39,3 +39,12 @@ var tree = BI.createWidget({
| setValue | 设置值 | setValue | | setValue | 设置值 | setValue |
| getValue | 获取值 | getValue | | getValue | 获取值 | getValue |
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.SingleTreeCombo.EVENT_BEFORE_POPUPVIEW| 下拉框弹出前触发 |
其他事件详见[Input](../../base/editor/editor.md)
---

8
uidoc/detailed/date/custom_date_time.md

@ -20,3 +20,11 @@ BI.createWidget({
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----| | :------ |:------------- | :-----| :----|:----|
--- --- --- ---
##事件
| 事件 | 说明 |
| :------ |:------------- |
| BI.CustomDateTimeCombo.EVENT_CANCEL| 点击取消触发 |
| BI.CustomDateTimeCombo.EVENT_CONFIRM| 点击确认触发 |
---

8
uidoc/detailed/date/year_month_combo.md

@ -22,3 +22,11 @@ BI.createWidget({
| yearBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | | | yearBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | |
| monthBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | | | monthBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | |
--- --- --- ---
##事件
| 事件 | 说明 |
| :------ |:------------- |
| BI.YearMonthCombo.EVENT_BEFORE_POPUPVIEW | 弹出框弹出前触发 |
| BI.YearMonthCombo.EVENT_CONFIRM| 点击确认触发 |
---

9
uidoc/detailed/date/year_quarter_combo.md

@ -22,3 +22,12 @@ BI.createWidget({
| yearBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | | | yearBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | |
| monthBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | | | monthBehaviors |自定义年份选择的行为(详见[button_group](../../core/abstract/button_group.md)) | object| | |
--- --- --- ---
##事件
| 事件 | 说明 |
| :------ |:------------- |
| BI.YearQuarterCombo.EVENT_BEFORE_POPUPVIEW | 弹出框弹出前触发 |
| BI.YearQuarterCombo.EVENT_CONFIRM| 点击确认触发 |
---

1
uidoc/detailed/down_list_combo.md

@ -69,6 +69,7 @@ BI.createWidget({
##事件 ##事件
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.DownListCombo.EVENT_CHANGE| 点击一级节点触发 | |BI.DownListCombo.EVENT_CHANGE| 点击一级节点触发 |
|BI.DownListCombo.EVENT_SON_VALUE_CHANGE| 点击二级节点触发 | |BI.DownListCombo.EVENT_SON_VALUE_CHANGE| 点击二级节点触发 |
|BI.DownListCombo.EVENT_BEFORE_POPUPVIEW| 下拉列表弹出前触发 | |BI.DownListCombo.EVENT_BEFORE_POPUPVIEW| 下拉列表弹出前触发 |

1
uidoc/detailed/month_combo.md

@ -26,6 +26,7 @@ BI.createWidget({
##事件 ##事件
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.MonthCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 | |BI.MonthCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 |
|BI.MonthCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 | |BI.MonthCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 |

1
uidoc/detailed/multi_select_combo.md

@ -32,4 +32,5 @@ BI.createWidget({
| ---------------------------- | ---------------- | ------------------------------------ | | | ---------------------------- | ---------------- | ------------------------------------ | |
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.MultiSelectCombo.EVENT_CONFIRM| 点击确定触发 | |BI.MultiSelectCombo.EVENT_CONFIRM| 点击确定触发 |

1
uidoc/detailed/numeric_interval.md

@ -37,5 +37,6 @@ BI.createWidget({
##事件 ##事件
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.NumericalInterval.EVENT_VALID| 区间合法的状态事件 | |BI.NumericalInterval.EVENT_VALID| 区间合法的状态事件 |
|BI.NumericalInterval.EVENT_ERROR| 区间不合法的状态事件 | |BI.NumericalInterval.EVENT_ERROR| 区间不合法的状态事件 |

1
uidoc/detailed/quarter_combo.md

@ -26,5 +26,6 @@ BI.createWidget({
##事件 ##事件
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.QuarterCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 | |BI.QuarterCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 |
|BI.QuarterCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 | |BI.QuarterCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 |

25
uidoc/detailed/table/bi.preview_table.md

@ -7,28 +7,25 @@
{% common %} {% common %}
```javascript ```javascript
var items = [[{
text: "第一行第一列"
}, {
text: "第一行第二列"
}, {
text: "第一行第三列"
}]];
var header = [[{ BI.createWidget({
type: "bi.preview_table",
header: [[{
text: "表头1" text: "表头1"
}, { }, {
text: "表头2" text: "表头2"
}, { }, {
text: "表头3" text: "表头3"
}]]; }]],
BI.createWidget({
type: "bi.preview_table",
header: header,
element: 'body', element: 'body',
columnSize: [100, "", 50], columnSize: [100, "", 50],
items: items items: [[{
text: "第一行第一列"
}, {
text: "第一行第二列"
}, {
text: "第一行第三列"
}]]
}); });
``` ```

25
uidoc/detailed/table/bi.responsive_table.md

@ -7,30 +7,27 @@
{% common %} {% common %}
```javascript ```javascript
var items = [[{
BI.createWidget({
type: "bi.responsive_table",
isNeedMerge: true,
isNeedFreeze: true,
mergeCols: [0, 1],
columnSize: ["", "", ""],
items: [[{
text: "第一行第一列" text: "第一行第一列"
}, { }, {
text: "第一行第二列" text: "第一行第二列"
}, { }, {
text: "第一行第三列" text: "第一行第三列"
}]]; }]],
header: [[{
var header = [[{
text: "表头1" text: "表头1"
}, { }, {
text: "表头2" text: "表头2"
}, { }, {
text: "表头3" text: "表头3"
}]]; }]],
BI.createWidget({
type: "bi.responsive_table",
isNeedMerge: true,
isNeedFreeze: true,
mergeCols: [0, 1],
columnSize: ["", "", ""],
items: items,
header: header,
element: 'body' element: 'body'
}); });
``` ```

9
uidoc/detailed/text_input/bi.clear_editor.md

@ -40,3 +40,12 @@ BI.createWidget({
--- --- --- ---
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.ClearEditor.EVENT_CLEAR| 点击清空按钮触发 |
---
其他事件详见[Input](../../base/editor/editor.md)

25
uidoc/detailed/text_input/bi.search_editor.md

@ -17,24 +17,6 @@ BI.createWidget({
{% endmethod %} {% endmethod %}
## bi.small_search_editor
### 小一号的搜索框
##### height默认为24
{% method %}
[source](https://jsfiddle.net/fineui/wwzza22k/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.search_editor',
element: '#wrapper',
width: 300,
watermark:"搜索",
});
```
{% endmethod %}
##API ##API
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 参数 | 说明 | 类型 | 可选值 | 默认值
@ -57,4 +39,11 @@ BI.createWidget({
--- --- --- ---
## 事件
| 事件 | 说明 |
| :------ |:------------- |
|BI.SearchEditor.EVENT_CLEAR| 点击清空按钮触发 |
---
其他事件详见[Editor](../../base/editor/editor.md)

51
uidoc/detailed/text_input/bi.text_editor.md

@ -19,52 +19,6 @@ BI.createWidget({
{% endmethod %} {% endmethod %}
## 不可为空输入框
{% method %}
[source](https://jsfiddle.net/fineui/d7td9tfr/)
{% common %}
```javascript
BI.createWidget({
type: "bi.text_editor",
element: "#wrapper",
width: 200,
height: 30,
watermark:"这个不予许空",
value: "这是一个不可为空的输入框",
allowBlank: false,
errorText: "不允许为空"
});
```
{% endmethod %}
## 可为空输入框
{% method %}
[source](https://jsfiddle.net/fineui/kjmyg9ps/)
{% common %}
```javascript
BI.createWidget({
type: "bi.text_editor",
element: "#wrapper",
width: 200,
height: 30,
allowBlank: true,
errorText: "不能输入只输入a!",
validationChecker: function (v) {
if (v == "a") {
return false;
}
return true;
},
});
```
{% endmethod %}
##API ##API
| 参数 | 说明 | 类型 | 可选值 | 默认值 | 参数 | 说明 | 类型 | 可选值 | 默认值
@ -87,3 +41,8 @@ BI.createWidget({
--- --- --- ---
## 事件
| 事件 | 说明 |
| :------ |:------------- |
---
其他事件详见[Editor](../../base/editor/editor.md)

27
uidoc/detailed/text_input/finetuning_number_editor.md

@ -1,2 +1,29 @@
# finetuning_number_editor # finetuning_number_editor
## 数值微调器
{% method %}
[source](https://jsfiddle.net/fineui/52dhwtfz/)
{% common %}
```javascript
BI.createWidget({
type: 'bi.fine_tuning_number_editor',
element: '#wrapper',
width: 300
});
```
{% endmethod %}
##参数
| 参数 | 说明 | 类型 | 可选值 | 默认值
| :------ |:------------- | :-----| :----|:----|
| value | 编辑框中的值,-1表示自动 | number | | -1 |
--- ---
##事件
| 事件 | 说明 |
|BI.FineTuningNumberEditor.EVENT_CONFIRM| 点击增加/减少按钮或者编辑框确定时触发 |

7
uidoc/detailed/tree/bi.multi_tree_combo.md

@ -52,6 +52,9 @@ BI.createWidget({
| getValue | 获取文本框值 | getValue() | | getValue | 获取文本框值 | getValue() |
| populate | 更改树结构内容 | populate(items) | | populate | 更改树结构内容 | populate(items) |
## ## 事件
BI.MultiTreeCombo.EVENT_CONFIRM | 事件 | 说明 |
| :------ |:------------- |
|BI.MultiTreeCombo.EVENT_CONFIRM| 点击一级节点触发 |
---

1
uidoc/detailed/year_combo.md

@ -28,6 +28,7 @@ BI.createWidget({
##事件 ##事件
| 事件 | 说明 | | 事件 | 说明 |
| :------ |:------------- |
|BI.YearCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 | |BI.YearCombo.EVENT_CONFIRM| 选中日期或者退出编辑状态触发 |
|BI.YearCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 | |BI.YearCombo.EVENT_BEFORE_POPUPVIEW| 选中日期或者退出编辑状态触发 |

Loading…
Cancel
Save