爱码哥开发进阶｜全局方法的调用

全局可调用方法

获取控件对象

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字符串

閱讀更多 愛碼哥 的文章

關鍵字: 控件 全局 XML