填報表中如何新增 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
- [webpack] 如何把程式碼內聯進html中?WebHTML
- 如何對報表資料新增目錄
- 填報表之資料留痕
- 報表開發工具FineReport報表填報資料校驗
- .NET中列印Excel報表程式碼例項Excel
- 報表中怎麼新增動態文字水印
- html網頁中如何實現居中效果(程式碼分享)HTML網頁
- 填報-web報表軟體必不可少的功能Web
- HTML5新增的input型別程式碼演示HTML型別
- javascript為html元素新增自定義屬性程式碼JavaScriptHTML
- FastReport 如何透過程式碼建立報告表單AST
- 填報表實現隔行異色的效果
- 怎樣實現填報表定時提交
- sublime3中如何新增javascript程式碼自動提示JavaScript
- 填報指令碼之輕鬆搞定複雜表的資料入庫指令碼
- 顯示Smartforms報表程式碼ORM
- css 填坑常用程式碼分享CSS
- 如何在瀏覽器上新增一鍵式填寫瀏覽器
- 網站升級中 HTML 程式碼網站HTML
- html5之新增表單屬性HTML
- html元素的動態新增和刪除程式碼例項HTML
- jquery 新增html元素後 html中click失效問題jQueryHTML
- 資料填報、報表展示哪家強?億信ABI給你答案
- html中中文字型的程式碼HTML
- 常見HTML5新增表單特性演示HTML
- HTML5表單新增元素與屬性HTML
- Excel都搞不定的多人填報,它能!還支援線上填報!Excel
- php頁面巢狀html程式碼,,html中js呼叫php中的陣列PHP巢狀HTMLJS陣列
- sql嵌入html格式顯示報表SQLHTML
- HTML5--表單標籤input新增type值HTML
- HTML5表單新增元素與屬性 (續)HTML