2016-10-12 80 views
0

重新打開後對話框自動完成不起作用。jQueryUI自動完成工作只用一次對話框

var create_product = function() { 
    isEdit = false; 
    $(".dialog_create_product").dialog({ 
     autoOpen: true, 
     width: 800, 
     modal: true, 
     buttons: {}, 
     open: function (event, ui) { 
    =>  $(".getInputComponent").autocomplete({ 
       source: ['1','2','3'], 
      }); 
     }, 
     close: function (event, ui) { 
      $(".dialog_create_product").dialog("destroy") 
     }, 
     beforeClose: function (event, ui) { 
      closeDialog(); 
     } 
    }); 
}; 

HTML

<div class="divInput"align="center"> 
    <input class = "getInputComponent" placeholder="name" type="text" maxlength="50"><button class="addComponent" >Add</button> 
</div> 

即使自動完成語句進行對話的功能。

$(".dialog_create_product").on("dialogopen", function(event, ui) {$(".getInputComponent").autocomplete({source: ['1','2','3']});}); 

$(document).on("dialogopen", function(event, ui) {$(".getInputComponent").autocomplete({source: ['1','2','3']});}); 
+0

你能解釋更詳細,實際上,你想要什麼? – Fiido93

+0

我多次使用對話框。打開它做一些改變並保存。但是當我第二次打開我的對話框時,自動填充表單是空的。它的工作非常普通,如果我做'.dialog(「close」)'但是我會使用'.dialog(「destroy」)'而我使用'destroy'有一個bug。 –

回答

0

你寫

close: function (event, ui) { 
    $(".dialog_create_product").dialog("close") 
}, 

切換到該

close: function (event, ui) { 
     $(this).dialog('destroy').remove() 
}, 
+0

關閉此對話框後不再打開 –