AppFramework学习笔记（三）

jqMobi中 Actionsheet 插件的使用

要使用Actionsheet插件，首先要引用

<script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>

src指定af.actionsheet.js的项目中路径

有两种方式使用

（1）string

$("#afui").actionsheet('<a onclick="alert(\'给XX打电话\');" class="red">给XX打电话</a>
<a onclick="alert(\'我要输入电话号码再拨号\');">我要输入电话号码再拨号</a>');

（2）json

$("#afui").actionsheet( [
{ text: 'back', cssClasses: 'red', handler: function () { $.ui.goBack(); } }, 
{ text: '我要给XX发短信', cssClasses: 'blue', handler: function () { alert("hi"); } }, 
{text: '我要输入电话号码发短信', cssClasses: '', handler: function () { alert("goodbye"); } }]);
}

 jqMobi 中弹出框使用

首先要引用

<script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>

(1)提示信息弹出框

$("#afui").popup("这是一个alter提示信息");

(2)带确认的弹出框

$("#afui").popup({

title: "提示",message: "你是否确定要给xx打电话",

cancelText: "不了", cancelCallback: function () { console.log("cancelled"); }, 

doneText: "打吧",doneCallback: function () { console.log("Done for!");

window.plugins.CallNumber.callNumber(function(){}, function(){alert('失败')}, xx);
}, 
cancelOnly: false });

(3)带表单的弹出框

$("#afui").popup({ title: "请输入电话号码", message: "电话号: <input type='text' id='telNum' class='af-ui-forms'>", cancelText: "取消", cancelCallback: function () {}, doneText: "拨打",
    doneCallback: function () { 
        callNum($("#telNum").val());
     }, cancelOnly: false });