à la fermeture de la boîte de dialog ne supprime pas le contenu précédent lors de la réouverture

J’ai créé un dialog et un onglet d’interface utilisateur dans ce dialog. Dans ce dialog, je montre du contenu sous forme de tableau. Lorsque je ferme le dialog par la méthode remove (), il le ferme, mais lorsque je le rouvre, l’ancien contenu est toujours affiché avec le nouveau contenu de l’onglet. Existe-t-il une méthode que l’ancien contenu reprendra également lorsque le dialog se fermera? J’ai utilisé empty (), mais il semble inutile ci-dessous est mon code.

this.formOrderList = null; this.orderListDialogObject = $('
'); this.orderListTable = $('
' + '' + '' + '' + '' + '' //+ '' //+ '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '
Order# Symbol Exchange Market Time Order Type Side Volume Price Trigger Price Filled Volume Status Expiry Date Ref # Action
' + '
'); this.orderListTabs = $('
' + '' + '
' + '
' + '
'); this.orderListDialogObject.appendTo("body"); this.show = function() { $("#orderListBody", this.orderListTable).empty(); this.orderListDialogObject.dialog({ title : 'Order List', width : 850, height : 150, close : function(ev, ui) { $(this).remove(); return false; /*$(this).dialog('destroy').remove(); return false;*/ } }); this.orderListTabs.tabs(); this.orderListTabs.appendTo(this.orderListDialogObject); $("#pendingOrderList", this.orderListTabs).append(this.orderListTable);

Je ne comprends pas tout à fait, mais si vous devez supprimer la table, eh bien, vous pouvez simplement la supprimer.

 //Save a reference of the dialog var myDialog = this.orderListDialogObject.dialog({ title : 'Order List', width : 850, height : 150, close : function(ev, ui) { //remove the table $('table#orderListTable').remove(); //close the dialog destroing it myDialog.dialog("close"); } });