FineReport報(bào)表工具事件編輯說(shuō)明
在空間設(shè)置的事件編輯中,事件編輯觸發(fā)的事件共有七種,編輯前,編輯后,編輯結(jié)束,點(diǎn)擊,初始化后 ,狀態(tài)改變,回調(diào)
1. 編輯前
該事件是在填報(bào)時(shí)進(jìn)入編輯狀態(tài)后被觸發(fā)
l 簡(jiǎn)單例子
1.1 新建一張空白報(bào)表,然后設(shè)計(jì)成如下格式
1.3 定義單元格填報(bào)屬性
將C2單元格控件類型設(shè)置為文本,并在事件編輯中添加編輯前事件,在function fun()函數(shù)中添加一段JS代碼:alert(“事件編輯前觸發(fā)”);如下圖所示
1.4 保存并填報(bào)
點(diǎn)擊設(shè)計(jì)器中的填報(bào)預(yù)覽,并進(jìn)入填報(bào)的編輯狀態(tài),效果如下
此時(shí),編輯前事件被觸發(fā)
2. 編輯后
該事件是在輸入任何字母或文字標(biāo)點(diǎn)后觸發(fā)
l 簡(jiǎn)單例子
2.1 新建報(bào)表
2.2 定義參數(shù)
在菜單欄中選擇報(bào)表|報(bào)表參數(shù),打開(kāi)參數(shù)定義面板,添加一個(gè)參數(shù)p1,默認(rèn)值選擇字符串形式,如下圖
2.3 參數(shù)設(shè)計(jì)界面,按照如下圖所示
右擊p1的控件,選擇控件設(shè)置,打開(kāi)控件設(shè)置面板,選擇下拉框類型編輯器,具體設(shè)置如圖,并在事件編輯中添加編輯后事件,在function fun()函數(shù)中添加一段JS代碼:alert(“事件編輯后”);如下圖所示
2.5 保存并預(yù)覽
點(diǎn)擊設(shè)計(jì)器中的分頁(yè)預(yù)覽,并選擇班級(jí),此時(shí)編輯后事件被觸發(fā),如下圖
3. 編輯結(jié)束
該事件只有在填報(bào)鍵盤輸入回車后才能被觸發(fā)
l 簡(jiǎn)單例子
3.1 新建一張空白報(bào)表,然后設(shè)計(jì)成如下格式
3.3 定義單元格填報(bào)屬性
將C2單元格控件類型設(shè)置為文本,并在事件編輯中添加編輯結(jié)束事件,在function fun()函數(shù)中添加一段JS代碼:alert(“事件編輯結(jié)束觸發(fā)”);如下圖所示
3.4 保存并填報(bào)
點(diǎn)擊設(shè)計(jì)器中的填報(bào)預(yù)覽,并進(jìn)入填報(bào)的編輯狀態(tài),輸入文本,并按回車鍵,效果如下
此時(shí)編輯結(jié)束事件被觸發(fā)
4. 點(diǎn)擊
該事件是在點(diǎn)擊按鈕之后被觸發(fā)
l 簡(jiǎn)單例子
4.1 新建報(bào)表
4.2 使用默認(rèn)的參數(shù)界面,如圖
4.3 控件設(shè)置
4.4 保存并預(yù)覽
點(diǎn)擊設(shè)計(jì)器中的分頁(yè)預(yù)覽,點(diǎn)擊查詢按鈕,此時(shí)編輯后事件被觸發(fā),如下圖
該事件是類型為文件的控件的觸發(fā)事件所特有,在點(diǎn)擊頁(yè)面預(yù)覽或填報(bào)預(yù)覽的初始化界面時(shí)被觸發(fā)
l 簡(jiǎn)單例子
5.1 新建報(bào)表
5.2 使用默認(rèn)的參數(shù)界面,如圖
右擊按鈕的控件,選擇控件設(shè)置,打開(kāi)控件設(shè)置面板,選擇文本類型編輯器,并在事件編輯中添加初始化后事件,在function fun()函數(shù)中添加一段JS代碼:alert(“初始化后就觸發(fā)該事件啦!”);如下圖所示
點(diǎn)擊設(shè)計(jì)器中的分頁(yè)預(yù)覽,就可以看見(jiàn)如下圖所示效果
該事件是類型為復(fù)選框組的控件的觸發(fā)事件所特有,在復(fù)選框組的狀態(tài)改變時(shí)被觸發(fā)
l 簡(jiǎn)單例子
6.1 新建模板
6.2 定義參數(shù)
在菜單欄中選擇報(bào)表|報(bào)表參數(shù),打開(kāi)參數(shù)定義面板,添加一個(gè)參數(shù)p1,默認(rèn)值選擇字符串形式,如下圖
6.4 控件設(shè)置
右擊p1的控件,選擇控件設(shè)置,打開(kāi)控件設(shè)置面板,選擇復(fù)選框組類型編輯器,具體設(shè)置如圖,并在事件編輯中添加狀態(tài)改變事件,在function fun()函數(shù)中添加一段JS代碼:alert(“復(fù)選框組的狀態(tài)改變啦!”);如下圖所示
點(diǎn)擊設(shè)計(jì)器中的分頁(yè)預(yù)覽,當(dāng)復(fù)選框組的狀態(tài)改變時(shí),就可以看見(jiàn)如下圖所示效果
該事件是類型為文件的控件的觸發(fā)事件所特有,是在上傳完文件之后觸發(fā)該事件
l 簡(jiǎn)單例子
7.1 新建報(bào)表
7.2 定義參數(shù)
在菜單欄中選擇報(bào)表|報(bào)表參數(shù),打開(kāi)參數(shù)定義面板,添加一個(gè)參數(shù)p1,默認(rèn)值選擇字符串形式,如下圖
右擊p1的控件,選擇控件設(shè)置,打開(kāi)控件設(shè)置面板,選擇文件類型編輯器,具體設(shè)置如圖,并在事件編輯中添加回調(diào)事件,在function fun()函數(shù)中添加一段JS代碼:alert(“回調(diào)事件觸發(fā)啦!”);如下圖所示
點(diǎn)擊設(shè)計(jì)器中的分頁(yè)預(yù)覽,點(diǎn)擊上傳控件,出現(xiàn)如下效果
聯(lián)系客服