JS设置控件焦点- FineReport帮助文档|报表开发|报表使用|学习教程

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

奔跑的鸭蛋 · 在onChange事件中获取按钮值 - · 2 周前 ·

深情的黄瓜 · js获取button的状态 - · 2 周前 ·

风流倜傥的香烟 · js如何实现抠图 | PingCode智库· 2 周前 ·

想出国的乌龙茶 · Threads | Hamibot 文档· 1 周前 ·

要出家的烈马 · PHP和JS云AI自动翻译脚本· 1 周前 ·

精明的豆腐 · 2024.06.15 ...· 2 周前 ·

斯文的杯子 · 使用 Logback 记录日志 | 公孙二狗· 3 月前 ·

爱看球的伤疤 · Java单元测试实践-14.Mock、Spy ...· 4 月前 ·

淡定的猴子 · 项目新闻|MBA/EMBA|教育项目 - ...· 4 月前 ·

重情义的烤红薯 · 浙江新昌政府门户网站走进新昌· 4 月前 ·

3.1 模板属性设置

点击模板>模板Web属性>填报页面设置，选择为该模板单独设置，勾选直接显示控件：

3.2 报表样式

如下所示添加文本控件和按钮控件：

文本控件，设置控件名为test，默认不可用：

按钮控件，设置按钮名称为编辑，点击事件编辑，添加“点击”事件，如下所示：

3.3 js代码设置

1）方法一

编辑点击事件，添加下面的JS代码：

var self =contentPane.getWidgetByName("test"); self.setEnable(true); var myFocusID = setInterval( function() self.editComp.focus(); }, 20);

js代码说明：

var self =contentPane.getWidgetByName("test"); //获取文本控件，test为文本控件的控件名

self.setEnable(true); //设置文本控件为可用

self.editComp.focus(); //将文本控件设置为焦点

注：方法一必须勾选直接显示控件，否则只能实现可编辑而不会自动成为焦点

2）方法二

或者使用下面的JS代码：

var self =contentPane.getWidgetByName("test"); self.setEnable(true); var cell = contentPane.curLGP.getTDCell(1,1); setTimeout( function() contentPane.curLGP.selectTDCell(cell); setTimeout( function(){ contentPane.curLGP.editTDCell(cell); },20); },20)

js代码说明：

var cell = contentPane.curLGP.getTDCell(1,1); //获取焦点所在的单元格对象，getTDCell(1,1)即B2单元格

contentPane.curLGP.selectTDCell(cell); //选择单元格

contentPane.curLGP.editTDCell(cell);/ //编辑单元格，即聚焦单元格

保存模板，点击填报预览即可查看效果，点击编辑按钮使文本框变为可用并设置为焦点可编辑状态，如上图。

推荐文章

奔跑的鸭蛋 · 在onChange事件中获取按钮值 -

2 周前

深情的黄瓜 · js获取button的状态 -

2 周前

风流倜傥的香烟 · js如何实现抠图 | PingCode智库

2 周前

想出国的乌龙茶 · Threads | Hamibot 文档

1 周前

要出家的烈马 · PHP和JS云AI自动翻译脚本

1 周前

精明的豆腐 · 2024.06.15 泛太平洋幹細胞及癌症研究研討會　專家雲集分享幹細胞療法新趨勢

2 周前

斯文的杯子 · 使用 Logback 记录日志 | 公孙二狗

3 月前

爱看球的伤疤 · Java单元测试实践-14.Mock、Spy后Stub Spring成员变量中的方法_whitebox.setinternalstate-CSDN博客

4 月前

淡定的猴子 · 项目新闻|MBA/EMBA|教育项目 - 上海财经大学商学院

4 月前

重情义的烤红薯 · 浙江新昌政府门户网站走进新昌

4 月前