什么是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。

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

标题

提示窗口的标题。

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