什么是Magento 2中的提示小部件

Prompt Widget Magento 2允许显示带有输入字段,取消和确认按钮的模式弹出窗口,并且还扩展了Magento模态窗口小部件。的原点的Magento 2提示插件<Magento_Ui_module_dir>/view/base/web/js/modal/prompt.js

使用的Magento 2的Widget意味着你可以与管理和店面提示窗口工作。通过这种方式,可以在Magento管理模式库,滑出面板,模式窗口和覆盖主题中定义Admin中模式弹出窗口的设计模式。

初始化提示小部件

有两种方法可以初始化Magento 2提示小部件

初始化元素

$('#prompt_init').prompt({
    title: 'Prompt title',
    actions: {
        confirm: function(){}, //callback on 'Ok' button click
        cancel: function(){}, //callback on 'Cancel' button click
        always: function(){}
    }
});

独立初始化

require([
    'Magento_Ui/js/modal/prompt'
], function(prompt) { // Variable that represents the `prompt` function
 
    prompt({
        title: 'Some title',
        content: 'Some content',
        actions: {
            confirm: function(){},
            cancel: function(){},
            always: function(){}
        }
    });
 
});

提示小部件选项

行动

小部件回调。

  • 类型:对象。
  • 默认值:
actions: {
    confirm: function(){},
    cancel: function(){},
    always: function(){}
}

自动打开

当小部件被初始化自动打开提示窗口。

  • 类型:布尔
  • 默认值: false

clickableOverlay

用户单击叠加层时,关闭提示窗口。

类型:布尔

默认值: true

内容

提示窗口内容。

  • 类型:字符串。

焦点

如果提示窗口打开,则允许专注于元素的选择器。如果该focus选项未指定或为空,focus则关闭按钮上为。并且如果focus是可选的,请设置focus为none。

  • 类型:字符串。
  • 默认值: ''

标题

提示窗口的标题。

  • 类型:字符串。
  • 默认值: ''
赞(0)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

相关文章

Please Login to comment