如何在swal中创建/激活垂直滚动条(SweetAlert)
如何在swal中创建/激活垂直滚动条(SweetAlert)
提问于 2020-12-05 12:04:43
我不知道这是否可能，但是否有可能在swal SweetAlert警报模式下激活或创建垂直滚动条？
问题是，我收到了一个非常大的错误列表，并超过了模态显示限制。
$.ajax({
url: "/financeiro-gerenciar/remover-financeiro",
type: "POST",
data: { ids: selecedtRows },
traditional: true,
success: function (result) {
stopLoadGlobal();
//Desmarcar o select do header
$("#dtFinanceiroIndex .selectable-all").prop('checked', false);
reload_dtFinanceiroIndex();
if (result.success) {
swal("Sucesso", result.message + " :)", "success");
return false;
}
else {
//console.log(result.errors.value.errors)
if (!result.success) {
var errosRecebidos = result.message + "\n";
$.each(result.errors.value.errors, function (key, value) {
errosRecebidos = errosRecebidos + '\n' + value
});
}
swal("Atenção", errosRecebidos + " :(", "error");
return false;
}
},
error: function () {
stopLoadGlobal();
alert("Oops! Algo deu errado.");
return false;
}
}); 
CSS：
.sweet-overlay {
/*z-index: 100000000000 !important;*/
z-index: 999999999 !important;
}
.sweet-alert {
/*z-index: 100000000000 !important;*/
z-index: 999999999 !important;
}
.sweet-alert .swal-text {
max-height: 6em; /* To be adjusted as you like */
overflow-y: scroll;
width: 100%;
}Stack Overflow用户
回答已采纳
发布于 2020-12-05 19:35:12
从swal文件，你可以定制主题.为了在swall主体中有一个滚动条，我将使用swal-text类并为它定义一个max-height和overflow-y:scroll。
// simulating the Ajax result here...
let errosRecebidos = ""
// supposing you have 324 errors lol!
for(i=0;i<324;i++){
errosRecebidos += "Error #"+i+"\n"
}
swal("Atenção", errosRecebidos + " :(", "error").swal-text{
max-height: 6em; /* To be adjusted as you like */
overflow-y: scroll;
width: 100%;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
使用用于引导的SweetAlert编辑，想法是一样的，但是类名不同。在这里，它不是.swal-text，而是.sweet-alert，"message“容器(除去标题和按钮)是一个p。
// simulating the Ajax result here...
let errosRecebidos = ""
// supposing you have 324 errors lol!
for(i=0;i<324;i++){
errosRecebidos += "Error #"+i+"\n"
}
swal("Atenção", errosRecebidos + " :(", "error").sweet-alert p{
max-height: 6em; /* To be adjusted as you like */
overflow-y: scroll;
width: 100%;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.css">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65156717
复制相关文章
相似问题
腾讯云开发者
