Question

编辑：如何以Sweet Alert的形式确认提交所选用户ID？看，我有这个表显示我的网页中的所有注册用户。我的问题是我不知道如何在我的树枝模板中生成Symfony到<button>标签的路线。我无法使用<a>代码，因为SWAL仅在使用data-type时执行且仅在<button>代码中可用，而href代码无法使用href="{{ path('path_to_route') }}"代码{1}} {{ user.id }}之类的属性。我也在调用<div class="row clearfix js-sweetalert"> <div class="btn-group" role="group"> <button class="btn btn-warning waves-effect" data-type="cancel"><i class="material-icons">build</i></button> <button class="btn btn-danger waves-effect" data-type="delete-user" data-userId="{{ user.id }}"><i class="material-icons">delete</i></button> </div> </div>时遇到问题，因为它没有获得我选择的按钮的用户ID。我有各种来源的代码，但仍然有些错误。急需帮助！

更新：我无法下载FOSJsRoutingBundle，因为我们在一家公司工作时遇到了一些安装限制，不幸的是，安装捆绑包是其中的一部分。还有其他选择吗？

My Twig：

public function deleteUserAction($id)
    {
        $userManager = $this->get('fos_user.user_manager');
        $user = $userManager->findUserBy(['id' => $id]);

        if ($user ==  null) {
            throw new NotFoundHttpException('User not found for user' . $user);
        }

        $this->denyAccessUnlessGranted('ROLE_ADMIN', null, 'Unable to access this page!');

        $userManager->deleteUser($user);

        $this->setFlash('user_deleted', $user . ' has been successfully deleted!');

        $url = $this->generateUrl('fos_user_userList'); 

        return new RedirectResponse($url);
    }

这是我的控制器：

$(function () {
$('.js-sweetalert button').on('click', function () {
    var type = $(this).data('type');
    if (type === 'basic') {
        showBasicMessage();
    }
    else if (type === 'delete-user') {
        var userId = $(this).data('userId');
        showDeleteUserMessage();
    }
function showDeleteUserMessage() {
    swal({
        title: "Are you sure you want to delete this user?",
        text: "You will not be able to recover this user",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, delete it!",
        closeOnConfirm: false
    }, function (isConfirm) {
        if (isConfirm) {
            var data = {id : userId};
            $.ajax({
                type: "POST",
                url: "{{ path('fos_user_deleteUser') }}",
                data: data,
                success: function(data, dataType) {
                    swal("Deleted", "The user has been removed from the Database", "Success");
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    swal("Error deleting!", "Please try again", "error");
                    }
                });
        } else {}
    });
}

这是我的Sweet Alert脚本：

os.listdir

Answer 1

您可以使用FosJsRoutingBundle在Javascript代码中生成路线，或将您的js代码移动到树枝模板中以使用路径树枝功能

Answer 2

在html中添加用户ID

 <button class="btn btn-danger waves-effect" data-userId="1" data-type="delete-user"><i class="material-icons">delete forever</i></button>

在按钮单击时，你需要获取用户id值并将其传递给函数

var type = $(this).data('type');
if (type === 'delete-user') {
  var userId = $(this).data('userId');
    showDeleteUserMessage(userId);
}

在函数内部（isConfirm）你可以调用ajax

 if (isConfirm) {
      //ajax request here
   var data = {id : userId};  //u need to post  id

    $.ajax({
        type: "POST",
        url: "{{ path('fos_user_deleteUser') }}",
        data: data,
        success: function(data, dataType)
        {
            alert(data);
        },

        error: function(XMLHttpRequest, textStatus, errorThrown)
        {
            alert('Error : ' + errorThrown);
        }

    } else {
        swal("Cancelled", "not deleting", "error");
    }

plz check ur js文件打开一个大括号

Symfony - 如何使用Sweet Alert使用路由表单提交？

2 个答案: