返回上一页

如何弹出dialog

第一步:窗体界面设计页面,设置布局、拖拽按钮控件

操作如下:将工具条控件拖拽到设计器中,再将按钮拖拽到工具条控件中,如下图:

u_img

第二步:设置按钮控件名称

操作如下:点击按钮1,在属性页面的文本属性,修改中文名称为“定制window”,如下图:

u_img

第三步:设置按钮onClick事件

操作如下:点击dialog按钮,点击【事件】,点击onClick事件后的+号,进入脚本编辑器页面,在functionbutton1_onClick()方法后输入脚本语言,如下图:

//dialog按钮回调函数
function button1_onClick() {
    vjsp.dialog("这是一个对话框,增加一个定制按钮", [{
        text: "自定义按钮",
        handler: function() {
            alert("点击了自定义按钮");
            this.close(); //关闭对话框
        }
    }]);
}

预览页,点击dialog按钮,效果如下图:

u_img