目錄:

• 1.?問題描述
• 2.?實現(xiàn)思路
• 3.?示例

1.?問題描述編輯

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

2.?實現(xiàn)思路編輯

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

3.?示例編輯

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

var?curLGP?=?contentPane.curLGP;??//獲取當(dāng)前填報表??

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

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

??window.num?=?rownum;??//將當(dāng)前行號賦值給window的num變量??

});??

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

代碼如下：

contentPane.appendReportRC(1);??

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

具體的代碼如下：

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。