目錄:

• 1.?問題描述
• 2.?實現思路
• 3.?示例

1.?問題描述編輯

直接在數據列后放置增加行和刪除行按鈕，由于添加刪除行包含了一些腳本，若數據量很大時，這些腳本就會導致模板運行慢。為此可以采取只是用一個插入行和刪除行按鈕，但是這樣會導致在點擊刪除行時只能刪除一條數據，如何讓鼠標焦點到哪行刪除哪行數據，選中哪行，則在哪行下面插入數據呢？

2.?實現思路編輯

通過給報表增加填報的加載結束事件，在事件中增加單元格監聽事件獲取當前行號并把賦值給window的對應，最后在自定義按鈕中增加點擊事件并調用刪除方法即可。

3.?示例編輯

3.1?打開模板 打開模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\LineForm\LineForm.cpt。 3.2?加載結束事件設置 點擊模板>模板web屬性>填報頁面設置，勾選為該模板單獨設置，然后在事件編輯中增加加載結束事件，JS具體的代碼如下：

var?curLGP?=?contentPane.curLGP;??//獲取當前填報表??

contentPane.on("cellselect",?function(rowvalue)?{????//增加單元格選中監聽事件??

?var?rownum?=?$(rowvalue).attr("id");??//獲取選中的單元格的當前行號??

??window.num?=?rownum;??//將當前行號賦值給window的num變量??

});??

3.3?模板設置 在模板的任一位置增加兩個按鈕，控件名分別為插入行和刪除行，如下圖：
3.4?插入行設置 為插入行按鈕添加一個點擊事件，如下圖：

代碼如下：

contentPane.appendReportRC(1);??

3.5?刪除行設置 將普通按鈕的名稱命名為刪除行，并增加按鈕點擊事件，如下圖：

具體的代碼如下：

contentPane.deleteReportRC(null,window.num);????

3.6?效果查看 點擊填報預覽，選中要刪除的行進行刪除，可以看到對應的行被刪除了，如上效果圖。在線查看模板效果請點擊AddDelete.cpt

已完成模板請參照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\FormFAQ\AddDelete.cpt

總結

以上是生活随笔為你收集整理的自定义添加删除行按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。