Sweetalert теперь показывает значения и две кнопки для подсказок - PullRequest
Новая
       18

Sweetalert теперь показывает значения и две кнопки для подсказок

0 голосов
/ 09 ноября 2018

Я пытаюсь настроить код приглашения swal. То, что я пытаюсь сделать, это получить значение из ввода, а затем отправить его на сервер для обработки. После нажатия кнопки «Обновить» ничего не происходит! Я не могу понять, почему так происходит. Кроме того, я пытаюсь внедрить в него кнопку отмены, но она тоже не работает, похоже, она принимает только одну кнопку.

Ниже приведен мой код. 

$(".edit").click(function(event)
        {
            var id = $(this).data("id");
            var $this = $(this);

            var value = $(this).closest('td').prev('td').text();

            swal("Edit The Category Name as Per Your Need Dude!", {
                    content: {
                                element: "input",
                                attributes: {
                                  placeholder: "Enter Your Desired Category Name",
                                  value: value,
                                },
                              },
                    buttons: {
                          cancel: {
                            text: "cancel",
                            value: true,
                            visible: true,
                            className: "btn-primary",
                            closeModal: true
                        },
                        confirm: {
                            text: "Update Name!",
                            value: true,
                            visible: true,
                            className: "btn-success",
                            closeModal: false
                        }
                    }
                })
                .then((value) => {
                    if(value != "")
                        {
                            swal(`You typed: ${value}`);
                        }
                    else
                        {
                            if (value === false) return false;

                            if (value === "")
                                {
                                    swal("You need to write something!", "", "error");
                                    return false;
                                }
                        }
                })
        });

1 Ответ

0 голосов
/ 09 ноября 2018

Если вы хотите реализовать это с использованием sweetAlert2, то вы используете неправильный синтаксис для swal.Вы можете взглянуть на полную документацию и примеры на https://sweetalert2.github.io/.

Если я правильно понял, что вы хотите реализовать, это возможная реализация с использованием sweetAlert2: 

swal({
  title: 'Edit The Category Name as Per Your Need Dude!', 
  input: 'text', 
  inputAttributes: {
    placeholder: "Enter Your Desired Category Name",
    value: 'value',
  },
  showCancelButton: true, 
  confirmButtonText: 'Update Name!', 
  inputValidator: (value) => {
    return !value && 'You need to write something!'
  } 
})
.then((result) => {
  if(result.value) {
    swal(`You typed: ${result.value}`);
  } 
})

Вы можете увидеть работающий пример кода выше на https://materialistic -hen.glitch.me /

...