Übergabe Array-Objekt an Javascript-Funktion

Question

Ich erstelle dynamische Verbindung, wo ich Funktion mit einigen Werten und Array übergeben, aber wenn diese Funktion aufgerufen wird, dass Array String wie "[Objekt Objekt]". Es bleiben nicht als Array

Javascript Code

var mdata = {}; 
      mdata.itemId = data.d.ID.toString(); 
      mdata.sucessMsg = "Gate Pass detail document is uploaded successfully."; 
      mdata.errorMsg = "Gate Pass detail document uploading cancel"; 
      tdUplDoc.html("<a id='uplDoc' href='#' onclick=\"javascript:openBasicDialog('UploadDocument.aspx','Upload CivilID or Passport Copy','" + mdata + "');\">Upload Documents</a>"); 

calling function

function openBasicDialog(tUrl, tTitle, tdata) { 
    var options = { 
     url: tUrl, 
     title: tTitle, 
     args: tdata, 
     dialogReturnValueCallback: onPopUpCloseCallBackWithData 
    }; 
    SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options); 
    return false; 
} 

Wie ich als Array meine Array halten wird nicht als String. Etwas, was ich falsch mache. Bitte jemand mir helfen :(

Answer 1

Direkt als JSON-String,

"'..,'" + JSON.stringify(mdata) + "');\">Upload Documents</a>"); 

Und es nach dem Parsen innerhalb der Funktion verwenden,

function openBasicDialog(tUrl, tTitle, tdata) { 
    var options = { 
     url: tUrl, 
     title: tTitle, 
     args: JSON.parse(tdata), //parse it here 
     dialogReturnValueCallback: onPopUpCloseCallBackWithData 
    }; 

Answer 2

Das wird nicht funktionieren Sie wie folgt vor

var a = document.createElement('a'); 
a.id = 'uplDoc'; 
a.href='#'; 
a.addEventListener('click', function(){ 
    openBasicDialog('UploadDocument.asp', 'Upload CivilID or Passport Copy', mdata); 
} 
tdUplDoc.appendChild(a); 

Answer 3

Sie erhalten [object Object], weil Sie eine String-Verkettung tun, und das ist die Zeichenfolge re Präsentation des Objekts:

"<a id='uplDoc' href='#' onclick=\"javascript:openBasicDialog('UploadDocument.aspx','Upload CivilID or Passport Copy','" + mdata + "');\" 

Was ich möchte, ist vorschlagen, das Element hinzuzufügen und ein clickevent listener auf dieses Element schreiben:

tdUplDoc.html("<a id='uplDoc' href='#'>Upload Documents</a>"); 

document.getElementById('uplDoc').addEventListener('click', function(){ 
    openBasicDialog('UploadDocument.asp', 'Upload CivilID or Passport Copy', mdata); 
});