愛碼哥開發進階｜全局方法的調用

全局可調用方法

獲取控件對象

var button = $('test_button');

通過xml創建控件

var button = $C('按鈕');
//對於ListItem和GridItem
var listItem =$C('文本內容');
var gridItem =$C('文本內容');

$C中C是Create的意思，表示創建一個imag.js控件。

通過JS對象創建控件

var button = $C({
 tag:'button',
 id:'test_button',
 text:'按鈕', 

 onclick:'alert(111)',
}); 

用JS對象創建控件只能創建單個控件，不能創建嵌套的控件。

如上面用XML創建ListItem和GridItem的例子，不能寫成用JS對象創建的形式。

監聽控件大小變化(onresize)

對於動態創建的控件，如果立即獲取大小，此時得到的高寬都為0，如下面的例子：

 
 
 
 
 創建控件
 
 
 
 

上面的alert打印出來button width為0，這是因為頁面佈局刷新是異步的，所以此時得到button高寬都為0。

所以如果在動態創建控件時立即獲取控件大小，需要使用onresize回調方法，例子如下：

 


 
 
 
 
 創建控件
 修改控件大小
 
 
 

上面的例子在add button之前先設置了onresize回調，所以可以正確獲取到button width。

對於onresize，只要控件大小(width和height)發生改變，都會調用。

提示框

alert('提示信息');

提示框（帶標題）

alert('提示標題', '提示信息');

提示框（帶回調）

alert({
 title: '標題', 

 message: '提示信息',
 okText: '確定',
 ok: function() {
 hint('點擊確定');
 }
});

提示框（iOS風格）

alert({
 theme: 'ios',
 title: '標題',
 message: '提示信息',
 okText: '確定',
 ok: function() {
 hint('點擊確定');
 }
}); 

設置theme:‘ios’可以讓Android的alert框顯示效果和iOS一致。

確認框

confirm({
 title: '標題',
 message: '確認信息',
 okText: '確定',
 cancelText: '取消',
 ok: function() {
 hint('點擊確定');
 },
 cancel: function() {
 hint('點擊取消');
 }
});

獲取確認框（iOS風格）

theme: 'ios',

輸入框

prompt({
 title: '標題',
 defaultText: '默認文本', 

 placeholder: '請輸入',
 maxlength: 15,
 okText: '確定',
 cancelText: '取消',
 ok: function(text) {
 hint('點擊確定：' + text);
 },
 cancel: function(text) {
 hint('點擊取消：' + text);
 }
});

提示消息

hint('提示消息'); 

JSON解析

var obj = JSON.parse(str); //JSON字符串轉Javascript對象
var str = JSON.stringify(obj); //Javascript對象轉JSON字符串

閱讀更多 愛碼哥 的文章

關鍵字: 全局 調用 控件