【问题标题】:Separate lines in dynamic alert动态警报中的单独行
【发布时间】:2021-02-01 12:04:42
【问题描述】:

我正在创建一个动态警报,但这样信息会令人困惑,如下所示。

var cars = [
   {id:  "1", title:  "604", nome:  "teste", respons:  "teste2", contact:  "xxxxxxxxx", Fim:  "2021-02-08", Visita:  "2021-02-08",},
   {id:  "2", title:  "604", nome:  "teste1", respons:  "teste3", contact:  "xxxxxxxxx", Fim:  "2021-02-08", Visita:  "2021-02-07",},
];

var arr3 = [];
var arr4 = [];
var arr5 = [];
var arr6 = [];
var arr7 = [];
var arr8 = [];
var arr9 = [];

  for (var i = 0; i < cars.length; i++) {
    
            title = cars[i].title;
      nome = cars[i].nome;
      respons = cars[i].respons;
            contact = cars[i].contact;
      Fim = cars[i].Fim;
            Visita = cars[i].Visita;
            id = cars[i].id;

            arr3.push(title);
            arr4.push(nome);
            arr5.push(respons);
            arr6.push(contact);
            arr7.push(Fim);
            arr8.push(Visita);
            arr9.push(id);

            if (arr3 != ''){
            
                Swal.fire('Alerta!', 'O Utente ' + arr4 + ' está em isolamento até <strong>' + arr7 + '</strong>. Necessita de alterar a visita do dia <strong>' + arr8 + '</strong>. Deve contactar ' + arr5 + ' com o seguinte número <strong>' + arr6 + '</strong> .','warning');
            }
    
            
        }
<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.min.js"></script>

在警报中,返回两行。当向用户显示警报时,警报会将所有信息放在后面。我的目标是警报显示来自查询数据库的行。

我希望它如何显示信息的示例:

"O Utente teste está em isolamento até 2021-02-08. Necessita de alterar a visita do dia 2021-02-08. Deve contactar teste2 com o seguinte número xxxxxxxxx.
O Utente teste1 está em isolamento até 2021-02-08. Necessita de alterar a visita do dia 2021-02-07. Deve contactar teste3 com o seguinte número xxxxxxxxx."

这就是我希望您以有组织的方式向用户显示信息的方式

【问题讨论】:

    标签: javascript sweetalert2


    【解决方案1】:

    这是您要搜索的内容吗?

    var cars = [
       {id:  "1", title:  "604", nome:  "teste", respons:  "teste2", contact:  "xxxxxxxxx", Fim:  "2021-02-08", Visita:  "2021-02-08",},
       {id:  "2", title:  "604", nome:  "teste1", respons:  "teste3", contact:  "xxxxxxxxx", Fim:  "2021-02-08", Visita:  "2021-02-07",},
    ];
    
    var outputMsgArray = [];
    
    for (var i = 0; i < cars.length; i++) {
      title = cars[i].title;
      nome = cars[i].nome;
      respons = cars[i].respons;
      contact = cars[i].contact;
      Fim = cars[i].Fim;
      Visita = cars[i].Visita;
      id = cars[i].id;
    
      if (title != '') {
        outputMsgArray.push('O Utente ' + nome + ' está em isolamento até <strong>' + Fim + '</strong>. Necessita de alterar a visita do dia <strong>' + Visita + '</strong>. Deve contactar ' + respons + ' com o seguinte número <strong>' + contact + '</strong> .');
      }
    }
    
    Swal.fire('Alerta!', outputMsgArray.join('<br>'),'warning');
    <link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.min.css" rel="stylesheet"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.min.js"></script>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-11-18
      • 1970-01-01
      相关资源
      最近更新 更多