反饋已提交
網絡繁忙
注:通过此方案生成的二维码不支持导出,即导出时对应位置不显示二维码。
根据报表表格中的信息生成二维码名片,在手机通讯录中扫描二维码之后可以快速将联系人添加到通讯录中。
示例二维码如下图所示:
扫码上面的二维码添加联系人的效果如下图所示:
实现此功能需要 jQuery 来获取元素,报表设计时需要引入外部 JS 和 CSS 文件,生成二维码是通过添加模板预览 JS 事件实现的。
新建模板,设计报表样式,如像下图所示:
B1~B8 单元格用于填写联系人的名片信息,将根据 B1~B8 单元格的内容生成二维码。
C1 单元格用于显示生成的二维码,需要添加文本:<div class="qrcode" id="qrcode"></div>
1)点击下载 JS 文件:qrcode.js
2)点击下载 CSS 文件:qrcode.css
3)将下载好的两个文件放置到:%FR_HOME%\webapps\webroot\help\css\路径下,如下图所示:
注:二维码的大小在 CSS 文件中设置。
4)设计器菜单栏点击模板>模板Web属性,如下图步骤引入 CSS 文件。
5)设计器菜单栏点击模板>模板Web属性,如下图步骤引入 JS 文件。
1)设计器菜单栏点击模板>模板Web属性,选择为该模板单独设置,添加一个加载结束事件。如下图所示:
JavaScript 代码如下:
注:代码中对应的值需要通过 jQuery 选择器选取,详细内容可以参考相关资料:jQuery 选择器,如下图所示
var name, company, title, address, mobile, email, web, desc; $(function() {name = "FN:" + $("#r-0-0 > td:nth-child(2)").text() + "\n";company = "ORG:" + $("#r-1-0 > td").last().text() + "\n";title = "TITLE:" + $("#r-2-0 > td").last().text() + "\n";address = "WORK:" + $("#r-3-0 > td").last().text() + "\n";mobile = "TEL:" + $("#r-4-0 > td").last().text() + "\n";email = "EMAIL:" + $("#r-5-0 > td").last().text() + "\n";web = "URL:" + $("#r-6-0 > td").last().text() + "\n";desc = "NOTE:" + $("#r-7-0 > td").last().text() + "\n";var info = "BEGIN:VCARD\n" + name + company + title + address + mobile + email + web + desc + "END:VCARD";//console.log(info);//生成二维码var qrcode = new QRCode("qrcode");qrcode.makeCode(info); })
保存报表,点击分页预览,效果如 1.1节所示:
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\微信扫码添加联系人.cpt
点击下载模板:微信扫码添加联系人.cpt
扫码添加联系人是支持在决策报表中实现的,但生成二维码的 JS 代码有所不同,需要在 JS 代码外层加入:
setTimeout(function() { //代码}, 100);
决策报表中获取表单单元格的值代码如下:
$("#REPORT0").each(function(){ // 获取表格table中,第几个td的文本 var t1 =$("#REPORT0").find('tr').eq(2).find('td').eq(1).text(); alert("值:"+t1) })
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙