首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >vex确认对话框,取消-默认操作

vex确认对话框,取消-默认操作
EN

Stack Overflow用户
提问于 2014-02-18 04:20:49
回答 2查看 4.1K关注 0票数 3

我正在尝试为确认对话框使用https://github.com/HubSpot/vex模式脚本。此时,如果出现确认对话框,则默认选择"ok"-button。有谁知道我该怎么改变这一点吗?我希望取消按钮是默认的,这样任何人只要点击enter,就不会发生任何事情。

谢谢你的回答。

向托马斯致以最美好的问候

EN

回答 2

Stack Overflow用户

发布于 2014-02-18 04:28:53

设置数组中按钮的文本

代码语言:javascript
运行
复制
vex.dialog.open({          
    message: 'Are you absolutely sure you want to destroy the alien planet?', 
    overlayClosesOnClick: false, // set false to click out
    callback: function (value) {
        console.log(value);
    },
    buttons: [
        $.extend({}, vex.dialog.buttons.YES, { text: 'Your Button For Yesy' }),
        $.extend({}, vex.dialog.buttons.NO, { text: 'Your Button For No' })
    ]
 });
票数 8
EN

Stack Overflow用户

发布于 2017-12-08 19:38:48

要将其修改为默认行为,请更改vex JavaScript文件中按钮和类名的顺序。(vex.combined.js)

这将使“取消”按钮成为默认按钮。

代码语言:javascript
运行
复制
dialog.buttons = { 
        NO: {
          text: 'Cancel',
          type: 'button',
          className: 'vex-dialog-button-primary',
          click: function noClick () {
            this.value = false
            this.close()
          }
        },
        YES: {
          text: 'OK',
          type: 'submit',
          className: 'vex-dialog-button-secondary',
          click: function yesClick () {
            this.value = true
          }
        }
}

dialog.defaultOptions = {
    ..
    buttons: [
      dialog.buttons.NO,
      dialog.buttons.YES
    ],
    ..
  }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21838548

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档