目录

$view

$view是一个可以调用页面相关公共服务的全局对象。通过$view提供不同的方法，可以进行页面导航、页面传值等。

$view.open()

$view.open()方法的作用是打开一个新页面

语法

  1. $view.open({
  2.     "viewid" : "xx.xx.xx.WindowId",
  3.     "isKeep" : "true",
  4.     "callback" : "mycallback()"
  5. });

参数

  • viewid：目标页面（首字母大写）全名
  • isKeep：打开新页面的同时是否保留当前页面，true为保留，false为不保留
  • callback：可选，viewid页面关闭后，执行的回调JS，使用callback时，isKeep需为true
  • error：错误回调（2017-4-21更新，之前版本不可用）

实例1

  1. $view.open({
  2.     "viewid" : "com.yyuap.myref.List",
  3.     "isKeep" : "false"
  4. })

实例2

  1. $view.open({
  2.     "viewid" : "com.yyuap.myref.List",
  3.     "isKeep" : "true",
  4.     "callback": function(){
  5.         var ret = $param.getJSONObject("result");
  6.         $id("label4").set("value", ret.id);
  7.         $id("label9").set("value", ret.code);
  8.         $id("label14").set("value", ret.name);
  9.     }
  10. })

实例3（页面特效）

  1. //淡入
  2. $view.open({
  3.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  4.     "isKeep" : "true",
  5.     "animation-direction" : "left",
  6.     "animation-time" : "1000", //动画持续时间，以毫秒为单位
  7.     "animation-type" : "Fade"//动作类型
  8. });
  9. //由右往左滑屏
  10. $view.open({
  11.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  12.     "isKeep" : "true",
  13.     "animation-direction" : "left", //方向
  14.     "animation-time" : "1000", //动画持续时间，以毫秒为单位
  15.     "animation-type" : "Push" //动画持续时间，以毫秒为单位
  16. });
  17. //由左往右滑屏
  18. $view.open({
  19.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  20.     "isKeep" : "true",
  21.     "animation-direction" : "right",
  22.     "animation-time" : "1000",
  23.     "animation-type" : "Push"
  24. });
  25. //由下往上滑屏
  26. $view.open({
  27.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  28.     "isKeep" : "true",
  29.     "animation-direction" : "top",
  30.     "animation-time" : "1000",
  31.     "animation-type" : "Push"
  32. });
  33. //由上往下滑屏
  34. $view.open({
  35.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  36.     "isKeep" : "true",
  37.     "animation-direction" : "bottom",
  38.     "animation-time" : "1000",
  39.     "animation-type" : "Push"
  40. });
  41. //交叉覆盖
  42. $view.open({
  43.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  44.     "isKeep" : "true",
  45.     "animation-direction" : "bottom",
  46.     "animation-time" : "1000",
  47.     "animation-type" : "MoveIn"
  48. });
  49. //缩小效果
  50. $view.open({
  51.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名
  52.     "isKeep" : "true",
  53.     "animation-direction" : "top",
  54.     "animation-time" : "1000",
  55.     "animation-type" : "suckEffect"
  56. });
  57. //翻转效果
  58. $view.open({
  59.     "viewid" : "com.yyuap.demo.UMNetworkTest", //目标页面（首字母大写）全名，
  60.     "isKeep" : "true",
  61.     "animation-direction" : "left",
  62.     "animation-time" : "1000",
  63.     "animation-type" : "oglFlip"
  64. });

$view.close()

$view.close()是用来关闭当前页面

语法

  1. $view.close();

参数
无

实例

  1. $view.close();

$view.closeWithCallBack()

$view.close()是用来关闭当前页面，并返回数据给前一个页面（前一个页面需未关闭）

语法

  1. $view.closeWithCallBack({
  2.     "result1" : "{a:1, b:2}",
  3.     "result2" : "{x:3, y:4}"
  4. })

参数

  • 自定义参数: 可选，key-value形式，例如下例中的result

实例1

  1. $view.closeWithCallBack({
  2.     "result1" : "{a:1, b:2}",
  3.     "result2" : "{x:3, y:4}"
  4. })

实例2

  1. $view.closeWithCallBack({
  2.     "result" : $id("listview0").get("row")
  3. });

$view.openPop()

$view.openPop()方法是打开一个浮动窗口

语法

  1. $view.openPop(jsonArgs)

参数

  • viewid：必选，打开的浮动窗口的id
  • autoclose：可选，自动关闭的时间，单位为毫秒
  • popgravity：可选，弹开方式，值为popbottom|poptop|popleft|popright|popcenter

实例

  1. $view.openPop({
  2.     "viewid" : "panel0", //显示的控件的id，通常是一个容器控件div
  3.     "popgravity" : "popbottom", //popcenter|poptop|popbottom|popleft|popright,弹出后最终显示的位置
  4.     "autoclose" : "1000"//弹出后多长时间(毫秒)后自动消失
  5. })

$view.closePop()

$view.closePop()方法是关闭浮动

语法

  1. $view.closePop(jsonArgs)

参数

  • viewid：必选，当前页面的widget

实例

  1. var params = {
  2.     "viewid" : "panel0"
  3. };
  4. $view.closePop(params)

$view.openDialog()

$view.openDialog()方法是打开一个自定义的对话框

语法

  1. $view.openDialog(jsonArgs)

参数

  • style：对话框弹出样式，含ok-cancel | waitdialog | text-dialog
  • title：标题
  • message：提示信息
  • okaction：点击确定按钮时触发的action
  • cancelaction：点击取消按钮时触发的action
  • okbuttontitle：确定按钮显示名称
  • cancelbuttontitle：取消按钮显示名称

实例

  1. var params = {
  2.     "title" : "dialog",
  3.     "message" : "天空中最亮的星也有权利争取最美的灿烂",
  4.     "okbuttontitle" : "确定",
  5.     "cancelbuttontitle" : "取消",
  6.     "style" : "ok-cancel",
  7.     "okaction" : "ok()",
  8.     "cancelaction" : "cancel()"
  9. };
  10. $view.openDialog(params);
  11. function ok() {
  12.     $alert("click ok button");
  13. }
  15. function cancel() {
  16.     $alert("click cancel button");
  17. }

$view.openPicker()

$view.openPicker()方法打开一个自定义的选择器

语法

  1. $view.openPicker(jsonArgs)

参数

  • pickercount：picker的段数，默认值为1
  • datasource：绑定特殊结构的数据源
  • title：标题
  • okbuttontitle：确定按钮显示文本
  • cancelbuttontitle：取消按钮显示文本
  • picker1binder：picker1收集再context中的字段名
  • picker2binder：picker2收集再context中的字段名
  • picker3binder：picker3收集再context中的字段名
  • okaction：点击确定按钮时触发的action，事件中会收集picker中所选中的数据加入到context中
  • onselectedchange1：picker1选中值发生改变后的事件
  • onselectedchange2：picker2选中值发生改变后的事件
  • onselectedchange3：picker3选中值发生改变后的事件

实例

  1. var params = {
  2.     "okaction" : "save()",
  3.     "title" : "Hello Picker",
  4.     "pickercount" : "3",
  5.     "datasource" : {
  6.         "picker" : [{
  7.             "select" : [{
  8.                 "value" : 1,
  9.                 "content" : 1
  10.             }, {
  11.                 "value" : 2,
  12.                 "content" : 2
  13.             }, {
  14.                 "value" : 3,
  15.                 "content" : 3
  16.             }]
  17.         }, {
  18.             "select" : [{
  19.                 "value" : 1,
  20.                 "content" : "张三"
  21.             }, {
  22.                 "value" : 2,
  23.                 "content" : "李四"
  24.             }, {
  25.                 "value" : 3,
  26.                 "content" : "王五"
  27.             }]
  28.         }, {
  29.             "select" : [{
  30.                 "value" : 25,
  31.                 "content" : 25
  32.             }, {
  33.                 "value" : 23,
  34.                 "content" : 23
  35.             }, {
  36.                 "value" : 26,
  37.                 "content" : 26
  38.             }]
  39.         }]
  40.     },
  41.     "picker1binder" : "no",
  42.     "picker2binder" : "name",
  43.     "picker3binder" : "age"
  44. };
  45. $view.openPicker(params);
  46. function save() {
  47.     var data = $ctx.getString("name");
  48.     data = $stringToJSON(data);
  49.     var result = data.content;
  50.     $alert(result);
  51. }

可以通过var no = $ctx.getString(“no”)得到的是一个json形式的String，如{“value”:”1”,”content”:”1”}，使用no = $stringToJSON(no);转化成JSON对象，然后通过no.content或者no.value取得相应的值。

文档更新时间: 2018-01-15 14:37