imag.js|快速掌握全局方法

使用愛碼哥進行移動應用開發時,除了瞭解基本的內容控件、表單控件和佈局控件,更重要的是掌握腳本功能。腳本功能是界面之間交互和調用所必不可少的,充分利用腳本功能,會使app動起來,而不是簡簡單單的靜態頁面。

下面主要介紹腳本功能中的全局方法,全局方法主要包括如下幾部分。

ca300083c660df79a36

$(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屬性的控件都可以使用

ca300083d04a0689323

alert(title|text:String);提示框(帶標題)

<button onclick="alert('退出登錄|退出')">點擊按鈕</button>

ca400071bc8dd064708

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>

完整代碼


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章