更改内容 - BootBox JS

• Z时代
• 2024-01-10
• 分类：问答

我使用，bootbox JS显示模态对话框：http://bootboxjs.com/documentation.html更改内容 - BootBox JS

我试图表现出的模态Dialgue的形式。此表单处于局部视图。

这工作正常，我可以加载部分视图，并使用下面的代码在莫代尔显示。

HTML：

<button type="button" class="btn btn-labeled btn-primary pull-right" 
      data-modal-title="Create Workshop" data-action="OpenPartialViewDialog" 
      data-action-url="@Url.Action("CreateWorkshop", "Workshops")"> 
     <span class="btn-label"><i class="glyphicon glyphicon-plus"></i></span>Create 
    </button> 

jQuery的

$("body").on("click", '*[data-action="OpenPartialViewDialog"]', function (e) { 
    e.stopPropagation(); 
    var btn = $(this); 
    var title = btn.data("modal-title"); 
    $.ajax({ 
     url: btn.data("action-url"), 
     type: "GET", 
     success: function (response) { 
      bootbox.dialog({ 
       message: response, 
       title: title, 
       buttons: { 
        success: { 
         label: "Save", 
         className: "btn-success", 
         callback: function() { 
          $.ajax({ 
           url: btn.data("action-url"), 
           type: "POST", 
           data: $("form").serialize(), 
           success: function (response) { 
           }, 
           error: function (response) { 
            return false; 
           } 
          }); 
          return false; 
         } 
        }, 
        danger: { 
         label: "Cancel", 
         className: "btn-danger" 
        } 
       } 
      }); 
     } 
    }); 
}); 

正如你可以看到代码，当用户点击该按钮Save上面我发送一个Ajax请求。

//EXTRACTED CODE FROM ABOVE 
callback: function() { 
$.ajax({ 
    url: btn.data("action-url"), 
    type: "POST", 
    data: $("form").serialize(), 
    success: function (response) { 
    } 
}); 

所以这是我想做的事，

这里是我的控制器，在那里我张贴的形式代码：

[HttpPost] 
    public ActionResult CreateWorkshop(WorkshopDTO model) 
    { 
     if (ModelState.IsValid) 
     { 
     } 
     return PartialView(model); 
    } 

当用户提交表单的控制器检查用于服务器端验证。

如果验证失败，控制器返回HTML（含验证消息的局部视图）

我想刷新我的模式内容，以便它显示了验证。

我无法看到文件与此相关的任何东西：http://bootboxjs.com/documentation.html#bb-custom-dialog

摘要：这是我需要做的。这种模态的样子， 当用户点击保存，如果验证失败，更新模式消息 内容

回答：

bootbox.dialog({ 
    message: response, 
    title: title, 
    buttons: { 
     success: { 
      label: "Save", 
      className: "btn-success", 
      callback: function() { 
       bootbox.dialog({ 
        animate: false, 
        message: newresponse, 
        title: newtitle, 
        etc... 

以上是 更改内容 - BootBox JS 的全部内容， 来源链接： utcz.com/qa/261478.html