매개 변수로 객체를 jQuery 대화 상자에 전달 하시겠습니까?

Question

이 SO answer은 데이터를 대화 상자로 전달하는 방법을 설명합니다.

하지만 대화 상자에 개체를 전달하고 속성을 다른 필드에 표시해야한다면 어떻게해야합니까?

Answer 1

자바 스크립트 개체입니까? 그런 다음 .data('dataName')을 사용하여 하나를 전달하고 $(this).data('dataName').myPropertyName으로 대화 상자 내부에 속성을 가져올 수 있습니다. 그럼이게 뭔가?

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>