基礎開放能力 – 介面交互
showModal
通過呼叫 jkos.showModal() 顯示 alert
為什麼使用 showModal 取代 web 原生 alert?
非常不建議 使用原生 web alert 有可能在特殊操作情境下導致 App crash
<button id="test">showModal</button>
<script>
document.querySelector('#test').addEventListener('click', () => {
const info = {
type: '1',
title: '我是標題',
content: '我是內容',
confirmText: 'ok',
cancelText: 'cancel',
onConfirm: () => {},
onCancel: () => {}
}
jkos.showModal(info, (res) => {
console.log(res.error)
console.log(res.errorMessage)
});
});
</script>
入參說明
參數 | 必填 | 型態 | 說明 | 預設 |
---|---|---|---|---|
type | 否 | string | 類型:“1”alert (一顆按鈕:確認)“2”confirm (兩顆按鈕:取消&確認) | 1 |
title | 是 | string | 標題 | |
content | 是 | string | 內容 | |
confirmText | 否 | string | 確認文字 | 確認 |
cancelText | 否 | string | 取消文字 | 取消 |
onConfirm | 否 | function | 點擊確認後的 callback 函式 | |
onCancel | 否 | function | 點擊取消後的 callback 函式 |
Callback 參數說明
參數 | 型態 | 說明 |
---|---|---|
error | number | 錯誤碼 – 詳情請參見錯誤碼說明 |
errorMessage | string | 此描述為相關錯誤的 ASCII 編碼可讀文字 |
setPullRefreshOn
- 通過呼叫 jkos.setPullRefreshOn() 後,當使用者於頁面進行下拉更新的動作時,可自動更新當下的 url
- 可配合使用
jkos.setPullRefreshOff
以關閉下拉更新功能
<button id="test">setPullRefreshOn</button>
<script>
document.querySelector('#test').addEventListener('click', () => {
jkos.setPullRefreshOn((res) => {
console.log(res.error)
console.log(res.errorMessage)
});
});
</script>
Callback 參數說明
參數 | 型態 | 說明 |
---|---|---|
error | number | 錯誤碼 – 詳情請參見錯誤碼說明 |
errorMessage | string | 此描述為相關錯誤的 ASCII 編碼可讀文字 |
setPullRefreshOff
通過呼叫 jkos.setPullRefreshOff() 關閉下拉更新頁面功能範例
<button id="test">setPullRefreshOff</button>
<script>
document.querySelector('#test').addEventListener('click', () => {
jkos.setPullRefreshOff((res) => {
console.log(res.error)
console.log(res.errorMessage)
});
});
</script>
Callback 參數說明
參數 | 型態 | 說明 |
---|---|---|
error | number | 錯誤碼 – 詳情請參見錯誤碼說明 |
errorMessage | string | 此描述為相關錯誤的 ASCII 編碼可讀文字 |
錯誤碼回覆
請參閱 錯誤代碼附錄。