填報表中如何新增 html 程式碼

xiaohuihui發表於2020-03-30

潤乾報表 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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章