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

使用爱码哥进行移动应用开发时,除了了解基本的内容控件、表单控件和布局控件,更重要的是掌握脚本功能。脚本功能是界面之间交互和调用所必不可少的,充分利用脚本功能,会使app动起来,而不是简简单单的静态页面。

下面主要介绍脚本功能中的全局方法http://www.imagapp.com/doc/global,全局方法主要包括如下几部分。

$(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>

完整代码https://github.com/imagjs/Global-method/blob/master/index.xml

时间: 2024-08-16 02:09:45

imag.js|快速掌握全局方法的相关文章

关于使用imag.js出现的问题及解决方法(连载2)

imag.js是一种NativeScript形式的框架,它兼具 Web 应用的灵活和 Native 应用的高性能,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用Native抽象操作系统原生的 UI 组件,并内置一体化框架,结合 Java..Net.php和HTML5等主流开发语言/开发环境来写XML语法.敲一次代码,能够运行在多个平台上,平台同时融合第三方API以及模板服务. 根据爱码哥用户反馈的问题及我们团队给予的解决办法进行了详细

imag.js|教你如何智做原生APP

手机计算器是我们日常中很熟悉并且使用起来非常简单的应用了,这样的应用在爱码哥平台中又该如何开发呢? 结合这个原型图和imag.js现有的布局控件大致有两种解决思路. 第一种:使用list列表布局 底部使用list列表标签进行布局,共4个item,每个item中有5列col,在col中加入文本标签label,也可以把label替换成button.共20列,每一列不用设置长度,会自动平均分配给每一个col. 结构图如下: 代码结构是(其余三个item复制就好): <list> <item&g

iscroll.js的简单使用方法

参考链接:https://www.cnblogs.com/Renyi-Fan/tag/js%E6%8F%92%E4%BB%B6/default.html?page=2 目录 一.总结 一句话总结:Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化. 二.iscroll.js的简单使用方法(总结) 回到顶部 >  一.总结(点击显示或隐藏总结内容) 一句话总结:Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化. 最佳的HTML结构如下: <div id="wr

开发技巧汇总|对于imag.js你不知道的事

1.imag.js里有哪些标准JavaScript对象? imag.js里的标准JavaScript对象有Object, Function, Array, Boolean, Date, Math, Number, String, RegExp,Global Functions, JSON. 2.为什么客户端会提示XML语法错误? imag.js的代码文档遵循严格的XML语法规范,开发时要注意以下地方: 1. label, script, web等标签的text可能含有XML特殊符号<.&,

js快速判断IE浏览器(兼容IE10与IE11)

在很多时候,我们一般采用navigator.userAgent和正则表达来判断IE浏览器版本,下面介绍用IE浏览器中不同特性来判断IE浏览器   1 判断IE浏览器与非IE 浏览器 IE浏览器与非IE浏览器的区别是IE浏览器支持ActiveXObject,但是非IE浏览器不支持ActiveXObject.在IE11浏览器还没出现的时候我们判断IE和非IE经常是这么写的 ? 1 2 3 function isIe(){        return window.ActiveXObject ? tr

全局方法&amp;Number对象

//js端 function println(string){ document.write(string+"<br/>"); } //html端 <script type="text/javascript" src="out.js"></script> <script> /* *global的全局方法*/println("123"); println(parseInt(&quo

JS中通过call方法实现继承

讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS通过call方法实现继承</title> </head> <body> <script type="text/javascript"> /* js中的继承有多种实现方式,今天我们讨论下通过call方法实现的继承. 此

局部方法$(&quot;html&quot;).load()和全局方法$.get()、$.post()

一..load() .load()方法可以参数三个参数:url(必须,请求 html 文件的 url 地址,参数类型为 String).data(可选,发送的 key/value 数据,参数类型为 Object).callback(可选,成功或失败的回调函数,参数类型为函数 Function).如果想让 Ajax 异步载入一段 HTML 内容,我们只需要一个 HTML 请求的 url 即可.//HTML<input type="button" value="异步获取数据

js 实现ReplaceAll 的方法

JS  字符串有replace() 方法.但这个方法只会对匹配到的第一个字串替换. 如下例: <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <script> var str = "wordwordwordword"; var strNew = str.replace("word","Excel"