Как я могу связать автозаполнение к диалогу в Serene Шаблон

Question

Если вы идете в этом интернет-шаблон образца и посмотреть, что я говорю: Serene Template Samples

При нажатии на «новый клиент», диалог JQuery модальное получает созданный с помощью машинописного текста. Этот диалог div и форма не создаются на родительской странице, пока вы не нажмете кнопку.

Мне нужен способ привязать автозаполнение в диалоговом окне jquery к одному из полей, но я не могу заставить его работать. Я могу привязать его к главной странице, но так как диалог не создается позже, как вы можете связать его, когда это диалоговое окно будет создано?

Answer 1

Так что мне удалось запутать свой путь и не знакомство с машинописным шрифтом и безмятежным шаблоном. Я добавил весь автозаполнение вызова в конструкторе файла xxxxxDialog.ts и, похоже, работает хорошо.

constructor() { 
     super(); 
     $('[name=EmpNum]').autocomplete({ 
      minLength: 6, 
      autoFocus: true, 
      source: function (request, response) { 
       $.ajax({ 
        url: "/services/adlookup/autocompleteuserlookup", 

        type: "POST", 
        dataType: "json", 
        data: { term: request.term }, 
        success: function (data) { 
         response($.map(data, function (item) {//data needs to be array of objects 
          return { label: item.LastName + ", " + item.FirstName + " (" + item.Descriptions + ")", value: item.EmpNum + "|" + item.UserName + "|" + item.LastName + "|" + item.FirstName + "|" + item.EmailAddress + "|" + item.WorkPhone };//item is each item in array item.LastName 
         })) 
        } 
       }) 
      }, 
      focus: function() { 
       $(".ui-helper-hidden-accessible").hide(); 
       event.preventDefault(); 
       return false; 
      } 
     }) 
     .on('autocompleteselect', function (e, ui) { //fill in data after it had been selected 
       var t = $(this),  
       label = (e.type == 'autocompleteresponse' ? ui.content[0].label : ui.item.label), 
       value = (e.type == 'autocompleteresponse' ? ui.content[0].value : ui.item.value); 
       var adprop = value.split("|"); 
       return false; 
      }); 
    }//end constructor