Блог

Главная - Вопросы по программированию - Как я могу показать только кнопку подтверждения в приглашении bootbox?

Как я могу показать только кнопку подтверждения в приглашении bootbox?

#bootbox

#bootbox

Вопрос:

Я использую следующее для создания сообщения с приглашением bootbox. (Заголовок и значение по умолчанию получены с помощью ajax-запроса.)

                     bootbox.prompt({
                        title: response.message,
                        value: response.value,
                        buttons: {
                            confirm: {
                                label: 'Ok'
                            }
                        },
                        callback: function (result) {

                        }
                    });

Хотя у меня есть только confirm кнопка setup, в приглашении также отображается Cancel кнопка.
Что я здесь делаю не так?

Я пытался скрыть кнопку отмены с помощью css, но безуспешно, вот так

 .btn btn-secondary btn-default bootbox-cancel{
    visibility:hidden;
}

Комментарии:

1. В диалоговом окне «да / нет» требуется кнопка для каждого выбора. Если вы просто показываете сообщение пользователю, для этого bootbox.alert (и встроенных оповещений).

2. К сожалению, я не могу понять, как я могу показать bootbox.alert с полем ввода. Вот почему я переключился на bootbox.prompt

3. Любая причина удаления кнопки отмены? Если вы действительно настаиваете на том, чтобы в приглашении была только кнопка OK, вам нужно будет использовать функцию bootbox.dialog для создания собственного пользовательского диалога и обработки для ввода значения вручную.

Ответ №1:

Я действительно не рекомендую этого делать — стандартное ожидание пользователя от приглашения состоит в том, чтобы иметь очевидный способ его отмены.

При этом … d-none класс, добавленный к кнопке отмены, скроет его:

 bootbox.prompt({
    title: 'Please enter something:',
    callback: function(result){
        console.log(result);
    },
    buttons: {
        cancel: {
            className: 'd-none'
        }
    }
});

Демонстрация: https://jsfiddle.net/t3o5Lcnb /

Вы не можете удалить кнопки отмены или подтверждения / OK из диалоговых окон bootbox.alert , bootbox.confirm , или bootbox.prompt , но вы можете настроить их (изменить текст, добавить значки, установить классы кнопок или добавить пользовательские классы). В этом случае добавление d-none класса Bootstrap добавляет display: none; правило к кнопке отмены.

Вы можете найти несколько примеров настройки кнопок на странице примеров: http://bootboxjs.com/examples.html#confirm-alternate-text-color