使用愛碼哥進行移動應用開發時,除了瞭解基本的內容控件、表單控件和佈局控件,更重要的是掌握腳本功能。腳本功能是界面之間交互和調用所必不可少的,充分利用腳本功能,會使app動起來,而不是簡簡單單的靜態頁面。
下面主要介紹腳本功能中的全局方法,全局方法主要包括如下幾部分。
$(id:String);獲取控件對象
var button = $('test_button');
$C(XML:String);通過XML創建控件對象
var button = $C('<button id="test_button">按鈕</button>');
//對於ListItem
var listItem = $C('<list-item><item href="detail.xml"><label>文本內容</label></item></list-item>');
//對於GridItem
var gridItem = $C('<grid-item><item href="detail.xml"><label>文本內容</label></item></grid-item>');
alert(text:String);提示框
<button onclick="alert('退出登錄')">點擊按鈕</button>//只要有onclick屬性的控件都可以使用
alert(title|text:String);提示框(帶標題)
<button onclick="alert('退出登錄|退出')">點擊按鈕</button>
confirm(title|text:String);確認框(帶標題)
<?xml version="1.0" encoding="utf-8"?>
<imag>
<script>
<![CDATA[
function testConfirm() {
if (confirm('退出登錄|確定?')) {
hint('確定');
} else {
hint('取消');
}
}
]]>
</script>
<page>
<title style="background:#acacac">
<center>
<label>全局方法</label>
</center>
</title>
<content draggable="true">
<button onclick="testConfirm()">點擊按鈕</button>
</content>
</page>
</imag>
完整代碼