
2)添加点击事件
给【按钮控件】添加点击事件,添加iframed框并在其中嵌入GettingStarted.cpt模板,如下图所示:
设置参数cc值为remoteServletURL,用来获取报表路径
js代码如下:
var iframe = $("
iframe.attr("src", cc+"?reportlet=GettingStarted.cpt")// 给iframe添加src属性
var o = {
width : 700, //对话框宽度
height: 500 //对话框高度
}
FR.showDialog("添加", o.width, o.height, iframe,o)//d出对话框
3)保存模板
保存模板,选择填报预览,实现效果如描述中所示。
按钮的快捷按键设置
1. 描述
有时我们希望能够通过快捷键来触发按钮,我们可以对按钮控件进行快捷键设置来实现。
2. 设置方法
可以通过控件的控件设置来添加或修改触发快捷键。
例如,查询按钮中设置快捷键为enter,则按enter就会触发查询按钮:
注:FineReport只支持部分的键设置为快捷键,即不是所有的键都可以设置快捷键。
当将鼠标移至属性表>高级>快捷键时,会出现可以设置的快捷键。支持的快捷键如下图所示,若设置了不属于上述快捷键的按键,快捷键将会无效:
第一步:实例化一个注册控件的接口给四个信息 我们的控件类,界面类,图标路径,控件类型名字
package com.hg.free.plugin.customcombo.param
import com.fr.design.designer.creator.XComboBox
import com.fr.design.fun.impl.AbstractParameterWidgetOptionProvider
import com.fr.form.ui.Widget
public class WidgetRegister extends AbstractParameterWidgetOptionProvider {
@Override
public Class<? extends Widget>classForWidget() {
return CustomComboBox.class
}
@Override
public Class<?>appearanceForWidget() {
return XComboBox.class
}
@Override
public String iconPathForWidget() {
return "/com/fr/web/images/combobox.png"
}
@Override
public String nameForWidget() {
return "自定义下拉框"
}
}
第二步,重写控件类
package com.hg.free.plugin.customcombo.param
import com.fr.form.ui.ComboBox
import com.fr.ui.DataFilter
public class CustomComboBox extends ComboBox {
private static final long serialVersionUID = 7169771062153345236L
@Override
public String getXType() {
return "customcombo"
}
@Override
protected DataFilter createDataFilter() {
return new CustomComboBoxDataFilter()
}
}
因为要改变过滤方式,就要重写一个过滤器
package com.hg.free.plugin.customcombo.param
import com.fr.form.ui.ComboBoxDataFilter
public class CustomComboBoxDataFilter extends ComboBoxDataFilter {
@Override
public boolean isMatch(String txt, String filter) {
if(null==txt &&null!=filter)return false
if(null==txt &&null==filter)return true
return txt.indexOf(filter)!=-1
}
}
第三步,继承前端控件JS
(function($){
FR.CustomComboBoxEditor = FR.extend(FR.ComboBoxEditor, {
_init: function () {
FR.CustomComboBoxEditor.superclass._init.apply(this, arguments)
}
})
$.shortcut("customcombo", FR.CustomComboBoxEditor)
})(jQuery)
好了~以上就是全部的代码开发~然后写个xml用ant打包成插件就可以了。
你的意思是finereport如何进行控件设置吗?具体步骤如下:
选中单元格,右键,选择控件设置,d出报表填报属性,即可为该单元格绑定控件,如下图:
类似于参数控件,填报控件也由很多中类型,在类型的下拉框中选择即可:
根据需要填报的数据属性来确定该单元格绑定的控件类型
控件属性设置
不同的控件有不同的属性设置,以文本框为例
数据字典
数据字典是指为控件绑定备选数据么可以直接选择,不用动手输入
不是所有空降都有数据字典设置项
事件编辑
在使用控件的过程中想要顺带的实现一些其他的效果,那么就可以添加事件,事件是根据控件触发时间来确定时间类型的
如果你遇到什么困难的话,可以去相关论坛上看看,希望可以帮到您
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)