目录

对话框(Dialog)

对话框是页面的一种形态,和Window关系密切。
可在工程或UI下的Window目录上右击创建一个Dialog。

属性列表

属性名 属性值 说明

事件列表

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

对话框使用

1、Window页面弹出Dialog及回调

语法

  1. var newDialog = $window.showModalDialog({
  2. dialogId : "字符串", // 形如”com.yyuap.test.Dialog1”, Dialog的包名+类名
  3. arguments : "JSON",
  4. features : "JSON",
  5. callback : "JS方法"
  6. });

说明
1、showModelDialog的时候都会自动创建一个Dialog实例;
2、dialogId是Dialog定义时的全类名,即包名+dialog的id,在showModalDialog的时候,系统会根据dialogId自动实例化一个新的dialog Dialog实例。
3、$window是JS框架封装提供的全局对象,职责为用来访问管理当前页面级对象及操作。
4、callbck是关闭dialog后主页面要执行的JS方法,通常callback用来处理dialog的返回值

示例

  1. var newDialog = $window.showModalDialog({
  2. "dialogId" : "com.yyuap.contact.Dialog1",
  3. "animation-type" : "right", //left|bottom|top|right|center弹出的起始方向
  4. "arguments" : {
  5. "name" : "张三",
  6. "code" : "C001"
  7. }, //支持形如: arguments :”xxxxx”
  8. "features" : {
  9. "dialogLeft" : 123,
  10. "dialogTop" : 200, //从右边弹出到(123,200)处
  11. "dialogWidth" : 300, //如设置此参数则弹窗页面设置大小无效
  12. "dialogHeight" : 400 //如设置此参数则弹窗页面设置大小无效
  13. },
  14. callback : "mycallback()"
  15. });
  16. function mycallback(sender, args) {//args就是返回值
  17. args = $stringToJSON(args);
  18. var x = args.x;
  19. //x的值为字符串 123
  20. var y = args.y;
  21. //y的值为JSON对象{a:1,b:2}
  22. }

2、Dialog窗体接受参数

Dialog窗体创建

在工程的window上右击新建—〉dialog,dialog上需要什么元素,与window一样绘制即可

语法
接收参数必须为arguments,具体下面哪个方法接收由arguments类型决定
$param.getJSONObject(“arguments”);
$param.getString(“arguments”);

示例

  1. /*Dialog页面onload的时候可以获取传入参数*/
  2. var param = $param.getJSONObject("arguments");//获取父窗体传递的参数字符串形式
  3. alert("您传递的参数为:" + param);//弹出结果为字符串{"name":"张三","code","C001"}
  4. alert($stringToJSON(param).name)//弹出结果为"张三"

3、Dialog的关闭及返回值

语法

  1. $window. close ()
  2. $window. close ({…})

说明
1、Dialog有自己的JSController
2、在JSController中,通过close方法关闭自己
3、close方法的参数 是可选的, 可以是一个JSONObject

示例1

  1. $window.close({
  2. type : JSON”,
  3. tata : {x:1,y:2}
  4. });

示例2

  1. $window.close({
  2. type : String
  3. data : {x:1,y:2}
  4. });

示例3

  1. $window.close({
  2. x : 123”,
  3. y : {a:1,b:2}
  4. });
文档更新时间: 2018-05-08 13:44