填報表中如何新增 html 程式碼
潤乾報表 5.0 普通的瀏覽式報表單元格資料型別中提供了 html 型別以便客戶自定義控制元件,而填報表中沒有提供該資料型別,那麼填報表中要想加入一個 html 控制元件(比如一個 button 按鈕)該怎麼實現呢,下面我們具體說明一下
潤乾報表 5.0 填報表可以透過 js 的方式將 html 控制元件新增到報表裡,使用這一方式有以下幾點需要特別注意:
1. 確定控制元件要載入報表的什麼位置;
2. 確定填報表型別,比如普通填報或行式填報;
如果控制元件要加在報表擴充套件區的上面,那麼可在 js 中
透過報表設計區域的單元格編號獲取其物件並寫入對應的 html 程式碼;
如果控制元件要加在擴充套件區域下面 需要明確填報表型別如果是行式報表才可以透過設計區域的單元格編號控制顯示位置 而非行式報表擴充套件後,後面的單元格行號會改變 顧非行式不建議將控制元件放在擴充套件區域之後
具體實現程式碼如下:
開啟展現報表的 jsp 比如:previewInput.jsp
首先在 37 行的部分定義一個變數 String sgid="";
然後將 43 行 Stringsgid = InputTag.getInputId(); 修改為 sgid = InputTag.getInputId();
最後在 jsp 末尾的標籤內新增 js 方法程式碼
如下
:
var cell=_getInputCell(“<%=sgid%>”,“A5”,0);
$(cell).html(“Click Me!”);
如下圖:
特別提示:
如果 jsp 在 37 行的部分不重定義變數
String sgid="";
並且 43 行不做修改而是直接在 script 中新增了對應的 js 方法,那麼報表展現的時候會出現如下報錯:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69900830/viewspace-2683317/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 填報表中也可以新增 html 事件HTML事件
- 低程式碼智慧填報平臺到底如何智慧?
- 填報表如何生成 UUID 標識UI
- 如何實現掃碼填報資訊
- 皕傑報表之填報操作
- 填報表之資料留痕
- 如何對報表資料新增目錄
- html網頁中如何實現居中效果(程式碼分享)HTML網頁
- FastReport 如何透過程式碼建立報告表單AST
- HTML5中新新增的表單屬性有哪些?HTML
- 報表中怎麼新增動態文字水印
- 網站升級中 HTML 程式碼網站HTML
- 怎樣實現填報表定時提交
- 填報表實現隔行異色的效果
- 填報指令碼之輕鬆搞定複雜表的資料入庫指令碼
- 你是如何組織html程式碼的?HTML
- 如何在瀏覽器上新增一鍵式填寫瀏覽器
- html中中文字型的程式碼HTML
- 網站如何新增流量統計程式碼?網站
- 2015省賽----列印菱形(填程式碼)
- HTML在透明輸入框裡新增圖示的實現程式碼HTML
- 為javaweb的頁面、html新增網站圖示簡單程式碼JavaWebHTML網站
- 資料填報、報表展示哪家強?億信ABI給你答案
- 如何將html程式碼儲存為Pdf檔案HTML
- HTML基礎程式碼HTML
- 如何在網站中新增流量統計程式碼網站
- 如何填寫工時表?為什麼需要工時表軟體?
- pdf程式碼新增水印
- HTML5中的表單HTML
- js程式碼與html程式碼分離示例JSHTML
- uniapp-uView表單中如何新增日期控制元件?APPView控制元件
- 刪除字串中的html標籤程式碼例項字串HTML
- 2024志願填報
- Html 中如何使用javaScriptHTMLJavaScript
- html中如何使用svg?HTMLSVG
- vscode怎麼執行程式碼HTML 怎麼在vscode編寫HTML程式碼VSCode行程HTML
- 控制程式碼表篇——程式控制程式碼表
- Excel都搞不定的多人填報,它能!還支援線上填報!Excel