FineReport移動端如何獲取地址位置
對於企業大多數員工來說,由於其工作位置是固定的,可以有多種方式進行上班打卡簽到以保證該員工有按時正常來上班,但是對於經常需要出差,去客戶現場的員工來說,就無法保證他們是否有去上班,所以希望能透過手機位置定位來保證員工有正常上班。
上述情況可以透過FineReport模板新增一個按鈕控制元件,點選該按鈕的時候,獲取當前地理位置,並將該位置資訊複製給某個單元格,最後員工填報當前模板即可。
實現如下圖所示效果,點選地理位置按鈕獲取當前位置與當前時間,並顯示下下方對應的單元格中:
模板製作
開啟設計器,新建一張模板,按照如下圖所示樣式設計模板,其中E2單元格為按鈕控制元件,控制元件名稱為地理位置,C5為下拉框控制元件,E5為時間控制元件:
獲取當前地理位置
獲取當前地理位置有兩種方式,一個是點選按鈕獲取地理位置,一個是直接開啟模板的時候就獲取位置,示例中,想實現透過點選按鈕獲取地理位置。
1)透過點選按鈕獲取地理位置
開啟按鈕的控制元件位置,為該控制元件新增一個點選事件,如下圖:
相應程式碼如下:
點選(此處)摺疊或開啟
-
FR.location(function(status, message){ //獲取地理位置
-
if(status=="success") {
-
//定位成功,message返回經緯度值
-
FR.Msg.alert("當前位置是" + message);
-
contentPane.setCellValue(2, 3, message);
-
} else {
-
//定位失敗,message返回對應的錯誤資訊
-
FR.Msg.alert(message); //定位失敗
-
}
- });
FineReport透過FR.location方法獲取當前位置,如果status值為success,則表示獲取地理位置成功,否則定位失敗,如果定位成功,則將返回的地理位置資訊賦值給C4單元格。
要注意的是該方法只在移動端有用,如果在web點選該按鈕事件獲取地理位置,則直接提示定位失敗。
2)載入結束後獲取當前位置
如果想在模板載入結束之後就獲取到當前地理位置,那麼只需要將上述程式碼新增到載入結束後事件中即可,開啟模板,點選模板>模板web屬性>填報頁面設定,新增一個載入結束事件,如下圖:
獲取當前時間
在模板中還需要將當前簽到時間也賦值過去,所以還需要在按鈕的點選事件中獲取到當前時間,即給E2單元格再新增一個點選事件,並賦值給E4單元格,程式碼如下:
點選(此處)摺疊或開啟
-
var myDate = new Date();
-
var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //獲取當前時間
- contentPane.setCellValue(4, 3, mytime);
按鈕點選事件全部程式碼如下:
點選(此處)摺疊或開啟
-
FR.location(function(status, message){ //獲取地理位置
-
if(status=="success") {
-
//定位成功,message返回經緯度值
-
FR.Msg.alert("當前位置是" + message);
-
contentPane.setCellValue(2, 3, message);
-
var myDate = new Date();
-
var mytime=myDate.getFullYear()+"-"+myDate.getMonth()+1+"-"+myDate.getDate()+" "+myDate.getHours()+":"+myDate.getMinutes()+":"+myDate.getSeconds(); //獲取當前時間
-
contentPane.setCellValue(4, 3, mytime);
-
-
} else {
-
//定位失敗,message返回對應的錯誤資訊
-
FR.Msg.alert(message); //定位失敗
-
}
- });
效果檢視
將該模板新增到資料決策系統的節點樹上,其中模板的預覽方式為填報,如下圖:
用移動端登入該系統,訪問該張模板,點選地理位置按鈕獲取當前地理位置和當前時間,如下圖:
FineReport中獲取的地理位置是經緯度,如果需要確定其具體位置的話,還需要另外轉換。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/21472864/viewspace-2132868/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 如何設定自動獲取ip地址
- 服務端如何獲取客戶端請求IP地址服務端客戶端
- 獲取客戶端Mac地址客戶端Mac
- 美國ip地址如何獲取?
- 智慧手環如何獲取位置?
- w10如何設定自動獲取ip地址_w10怎麼自動獲取ip地址
- js根據ip地址獲取城市地理位置JS
- 如何獲取海外住宅IP地址?
- Python獲取IP地址對應的地理位置資訊!Python
- Android下如何獲取Mac地址?AndroidMac
- 蘋果電腦如何獲取mac地址蘋果Mac
- 獲取URL地址
- JQuery獲取滑鼠位置jQuery
- 什麼是自動獲取IP地址
- 如何使用 Go 獲取你的 IP 地址Go
- 移動網際網路如何獲取精準流量
- ASP.NET獲取客戶端IP及MAC地址ASP.NET客戶端Mac
- JS獲取客戶端IP地址與機器名JS客戶端
- 在SelfHost專案中獲取客戶端IP地址客戶端
- saltstack獲取IP地址
- 獲取IP地址方法
- 獲取IP地址命令
- 如何獲取HDFS上檔案的儲存位置
- js如何獲取元素在頁面中的位置JS
- SQL解惑-如何從字串中獲取IP地址SQL字串
- 如何獲取影片地址的某一幀?
- FineReport如何手動推送APP訊息APP
- ASPNET獲取IP地址 MAC地址Mac
- java獲取ip地址和mac地址JavaMac
- 吐槽: 移動端快取策略快取
- 獲取IP地址的途徑有哪些?要如何保護IP地址不被竊取?
- 移動端判斷觸屏位置程式碼例項
- JSF/JAVA 根據IP獲取客戶端Mac地址JSJava客戶端Mac
- 獲取SQL Server中連線的客戶端IP地址SQLServer客戶端
- 在OwinSelfHost專案中獲取客戶端IP地址客戶端
- 如何不顯示地圖就獲取位置資料?地圖
- Java 中獲取MAC地址 和IP地址JavaMac
- 【SQL】SQL解惑-如何從字串中獲取IP地址SQL字串