FR9.0的已知后台widget及用法

导言

写帆软的二开插件的时候通常会遇到很多要写配置的情况,但是fr官方并没有提供和完善的文档来描述具体有多少类型的widget可以使用,通过很多次二开,搜集了一些9.0的可以用widget,在这里做一些总结。

控件列表

文本框控件

用于输入文本

1
{type: 'text', widgetName: 'widgetName',watermark:"水印 placeholder",value:"默认值"}

标签控件

显示标签文本

1
{type: 'llabel', value: "显示内容"}

按钮控件

按钮

1
2
3
4
5
6
7
8
{   
type: 'quickbutton',
widgetName: 'widgetName',
text:"显示内容",
handler: function () {
//click 处理函数
}
}

时间日期选择器

可以设置选择时间还是选择日期

1
2
3
4
5
6
7
8
9
{
type: 'datetime',
widgetName: 'widgetName',
watermark:"默认无限制",
format: "yyyy-MM-dd HH:mm:ss",
invisible: false,//是否不可见
disabled: false,//禁用
directEdit: true//是否需要添加选择按钮
}

下拉选择框

下拉选择框控件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
type: 'combo',
supportTag: false,
delimiter: "|",
widgetName: "sel_tpl",
isVisible: true,
height: 21,
width: 200,
widgetUrl: FR.servletURL+"?op=fr_schedule&cmd=get_user_grp&optype=platform&reload=true&limitIndex=500&startIndex",
//这个表示数据从哪个接口取出来,需要返回text,value//items表示本地获取数据,写死的选择类型items: [
{
text: "图文",
value: 0,
select: true
},
{
text: "纯图",
value: 1
},

],
listeners: [
{
//事件列表eventName: 'afteredit',
action: function(){
//选中项改变的事件
}
}
]
}

选择框

多选框控件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{
type: 'checkbox',
text: "显示内容",
widgetName: 'widgetName',
height: 18,
width: 100,
value: false,
//选中值items: [
{
text: "图文",
value: 0,
select: true
},

]listeners: [
{
eventName: 'afteredit',
action: function(){
//选中后的事件
}
}
]
}