Objekt als Parameter an jQuery-Dialog übergeben?

Question

Diese SO answer beschreibt, wie Daten an den Dialog übergeben werden.

Aber wenn ich ein Objekt an den Dialog übergeben und seine Eigenschaften in verschiedenen Feldern anzeigen muss, wie wird es gemacht?

Answer 1

Ein JavaScript-Objekt? Dann können Sie auch eine übergeben mit .data('dataName') und erhalten eine Eigenschaft im Dialogfeld mit $(this).data('dataName').myPropertyName. Also, so etwas vielleicht?

var car = {type:"Fiat", model:"500", color:"white"};//An object 
 

 
$('#click').click(function (e){ 
 
    e.preventDefault(); 
 
    $("#dialog-confirm").data('aCar', car).dialog('open'); 
 
}); 
 

 
$("#dialog-confirm").dialog({ 
 
    autoOpen: false, 
 
    title:'My dialog', 
 
    open:function(){ 
 
    $('.myCar').append($(this).data('aCar').type); 
 
    $('.myModel').append($(this).data('aCar').model); 
 
    $('.myColor').append($(this).data('aCar').color); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
<a:href="#3" id="click">click</a> 
 
<div id="dialog-confirm"> 
 
    <p class="myCar">My car is a:</p> 
 
    <p class="myModel">Model:</p> 
 
    <p class="myColor">Color:</p> 
 
</div>