欢迎来到人人网开放平台 人人网首页
登录/创建账户

目录

[编辑] 功能描述

XNJS提供的按钮,供开发者创建并动态添加至对话框Dialog,用于对话框定制。

[编辑] 构造函数

Button的构造函数有两种传参方式:第一种方式按照顺序接受一系列配置参数;第二种方式将各种配置参数作为一个对象的属性传入,因此没有顺序的要求,使用更灵活。

第一种传参方式

new Button([text, onclick, className]);

参数名

类型

描述

是否可选

默认值

text

String

按钮显示的文字

可选,不需要可以传null

默认为空

onclick

Function

当点击按钮时触发的函数

可选,不需要可以传null

默认为空

className

String

为按钮添加额外的样式,添加class的名字

可选,不需要可以传null

默认为空

第二种传参方式:

new Button(parameters);

参数名

类型

描述

是否可选

默认值

parameters

Object

参数以parameters对象的属性传入。具体参见下面的parameters对象属性列表

必选

n/a


parameters参数对象属性列表:

属性名

类型

描述

默认值

text

同第一种传参方式

同第一种传参方式

同第一种传参方式

onclick

同第一种传参方式

同第一种传参方式

同第一种传参方式

className

同第一种传参方式

同第一种传参方式

同第一种传参方式

[编辑] 成员函数

Button对象的成员函数

备注

setText(text)

设置按钮显示的文字。参数text是一个字符串类型。

disable()

将按钮置于Diable状态。

enable()

将按钮置于Enable状态。

[编辑] 代码示例


<script type="text/javascript">
<!--
  function showPanel() {
    var panel_dialog;
    if (!getPanel.panel_dialog) {
      //创建PANEL对话框
      panel_dialog = showPanel.panel_dialog =
        new Dialog(Dialog.DIALOG_PANEL, 'Hello', '标题');
      //创建Button对象
      var button1 = new Button('关闭对话框', button1_callback);
      panel_dialog.addBody(button1); //将button1添加到对话框底部

      var ele = document.getElementById('id123');
      panel_dialog.setAlignType('2-1');  
      panel_dialog.moveTo(ele); //以'2-1'对齐方式移动对话框到ele元素
    }
    else {
      panel_dialog = showPanel.panel_dialog;
    }
    panel_dialog.show();

    //button1按钮的callback函数
    function button1_callback() {
      //按钮被点时隐藏对话框
      panel_dialog.hide();
    }
  }
//-->
</script>

[编辑] 相关对象