Creare dinamicamente testo nella finestra di dialogo

Question

Come posso impostare dinamicamente il testo della finestra di dialogo che sto aprendo? Ho provato alcune cose diverse ma tutte rispondono con una finestra di dialogo vuota.

Ecco il mio tentativo attuale:

 
$('#dialog').text('Click on the link to download the file:
'.data); 
$('#dialog').dialog("open"); 

Answer 1

Per le migliori pratiche, prova a mettere un div all'interno della vostra finestra div e aggiungendo testo che, invece.

<div id="myDialog"><div id="myDialogText"></div></div> 

e poi impostando il testo del Div interno. Questo per una migliore separazione, quindi hai

• un div per dialog manipulatio n
• e un div per la visualizzazione del testo

È possibile quindi impostare il testo con

jQuery("#myDialogText").text("your text here"); 

Answer 2

utilizzare il simbolo più per concatenare le stringhe:

$('#dialog').text('Click on the link to download the file: 
' + data); 
$('#dialog').dialog("open"); 

Answer 3

dialog("open"); non è un metodo di jQuery UI valido. (E quello che Mike ha detto circa la concatenazione con + invece di .

Check the documentation.

Answer 4

Ecco un modo alternativo di creare finestre di dialogo al volo e impostando i loro messaggi in modo dinamico:

$('<div></div>').dialog({ 
    modal: true, 
    title: "Confirmation", 
    open: function() { 
     var markup = 'Hello World'; 
     $(this).html(markup); 
    }, 
    buttons: { 
     Ok: function() { 
     $(this).dialog("close"); 
     } 
    } }); //end confirm dialog 

vederlo in azione: http://jsfiddle.net/DYbwb/

Answer 5

Ecco un esempio che mostra il testo dinamico in una finestra di dialogo jQueryui. Il testo proviene da una risposta ajax. Il messaggio è mostrato sotto (più grande di quanto appare!).

$(".info").click(function(event){ 
    event.preventDefault(); 
    $id = $(this).attr("id"); 
    $.ajax({ 
      type: "POST", 
      url: 'my_code.php', 
      data: {query:"info", rowid: $id}, 
      success: function(data) { 
       try { 
        obj = JSON.parse(data); 
        var str = ''; 
        for (var i in obj) { 
         str += i + ":" + obj[i] + "<br />"; 
         if (i == "id") str += "<hr />"; 
        } 
        $("#dialog-1").html(str).dialog(); 
        $("#dialog-1").dialog('open'); 
       } catch (e) {} 
      } 
     }); 
});