目录

窗口(Window)

一个Window即为一个APP页面,是页面的基本单位,多个Window相互关联形成一个APP。
可在工程或UI下的Window目录上右击创建一个Window。

属性列表

属性名 属性值 说明

事件列表

事件名 说明
onbackpressed 按下返回键时触发,仅Android支持
onkeydown 按下返回键时触发,仅Android支持

返回键监听(仅Android)

以下介绍几种back返回键的应用

场景一

在window上增加onkeydown事件,可以在按back键时监听传参,只有keyCode==4的时候代表处理的是back键。

使用说明:在window上增加onkeydown事件,可以在按back键时监听传参,只有keyCode==4的时候代表处理的是back键。

示例

  1. <window xmlns:web="http://www.yonyou.com/uapmobile/dsl" id="Backspace_key1" controller="Backspace_key1Controller" namespace="com.requirements">
  2. <import ref="Backspace_key1.css" type="css"/>
  3. <link type="text/css" href="sys/theme.css"/>
  4. <input id="textbox0" bindfield="a" maxlength="256" placeholder="文本输入框" type="text"/>
  5. <input id="textbox1" bindfield="b" maxlength="256" placeholder="文本输入框" type="text"/>
  6. <input id="button0" value="返回" onclick="this.button0_onclick()" type="button"/>
  7. </div>
  8. </window>

返回按钮的onclick逻辑如下:

  1. function com$requirements$Backspace_key1Controller$button0_onclick(sender, args){
  2. $ctx.dataCollect();
  3. var json = $ctx.getJSONObject();
  4. $alert(json);
  5. $view.closeWithCallBack({
  6. "data" : json//当前页面关闭时,把页面的数据传上个页面
  7. })
  8. }

onkeydown事件:

  1. functioncom$requirements$Backspace_key1Controller$onkeydown(sender, args) {
  2. args = $stringToJSON(args);
  3. if (args.keyCode == "4") {//只有keyCode等于4的时候代表处理的是back键
  4. $ctx.dataCollect();
  5. varjson = $ctx.getJSONObject();
  6. $alert("keydown" + json);
  7. $view.close({
  8. "resultCode" : "15",
  9. "data" : json
  10. })
  11. }
  12. }

场景二

在window上增加onbackpressed事件,可以在按back键时监听传参。

示例

  1. <window xmlns:web="http://www.yonyou.com/uapmobile/dsl" id="Backspace_key1" controller="Backspace_key1Controller" namespace="com.requirements">
  2. <import ref="Backspace_key1.css" type="css"/>
  3. <link type="text/css" href="sys/theme.css"/>
  4. <input id="textbox0" bindfield="a" maxlength="256" placeholder="文本输入框" type="text"/>
  5. <input id="textbox1" bindfield="b" maxlength="256" placeholder="文本输入框" type="text"/>
  6. <input id="button0" value="返回" onclick="this.button0_onclick()" type="button"/>
  7. </div>
  8. </window>

返回按钮的click逻辑如下:

  1. functioncom$requirements$Backspace_key1Controller$button0_onclick(sender, args) {
  2. $ctx.dataCollect();
  3. varjson = $ctx.getJSONObject();
  4. $alert(json);
  5. $view.closeWithCallBack({
  6. "data" : json//当前页面关闭时,把页面的数据传上个页面
  7. })
  8. }

onbackpressed事件把返回逻辑拷贝进来即可:

  1. functioncom$requirements$Backspace_key1Controller$onkeydown(sender, args) {
  2. $ctx.dataCollect();
  3. varjson = $ctx.getJSONObject();
  4. $alert(json);
  5. $view.closeWithCallBack({
  6. "data" : json//当前页面关闭时,把页面的数据传上个页面
  7. })
  8. }

场景三

功能说明:按back键时,会弹出确认是否退出弹窗的对话框。

使用说明:在viewPage0 的onload事件里调用$js.backConfirm方法。

示例

  1. <div id="viewPage0" onload="this.onload()"/>
  1. function com$requirements$BackcomController$onload(sender, args) {
  2. $js.backConfirm()//在onload事件写上此方法,按back键时会调用
  3. }

手机效果如下:

文档更新时间: 2018-05-08 13:44