目录 |
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>