JQuery автозаполнение JSON не будет отображаться - проблема с CSS? - PullRequest
Новая
       7

JQuery автозаполнение JSON не будет отображаться - проблема с CSS?

0 голосов
/ 23 ноября 2018

Я пытаюсь получить номер детали и описание путем автозаполнения id partNumb.

Я получаю ответ PHP на мой запрос автозаполнения: 

[{
"partNumb":"500406-12610532",
"partDesc":"Bray Series 50 ",
"vendName":"U",
"manuName":"Bray"
}]

Я использую самые простые запросы AC: 

$('#partNumber_1').autocomplete(
{
   minLength:4,
   source: "db_AC.php?name=PN",
   dataType: "json"
});

Браузер показывает два тонких LI, но в них ничего нет ...

Как получить метку для partNumb и описание детали в описанииtextfield?

Спасибо

1 Ответ

0 голосов
/ 23 ноября 2018

Как я могу см. В документе , ваши данные должны соответствовать формату, поддерживаемому для источника: [{label: "Choice1", value: "value1"}, ...]

Если вы не можете редактировать этот ответ, вам нужно отфильтроватьданные.Я рекомендую вам сделать ajax, чтобы получить ваши данные и вставить переменную, а затем отфильтровать, как показано ниже 

$(function() {
  //stored variable from ajax call
  var dataFromPhp = [{
    "partNumb": "500406-12610532",
    "partDesc": "Bray Series 50 ",
    "vendName": "U",
    "manuName": "Bray"
  }, {
    "partNumb": "500406-12610532",
    "partDesc": "Test Series 50 ",
    "vendName": "A",
    "manuName": "Allin"
  }];

  var filter = $.map(dataFromPhp, function(data, i) {
    return [{
      label: data.partDesc,
      value: data.partNumb
    }];
  });

  $('#partNumber_1').autocomplete({
    minLength: 2,
    source: filter,
    //source: "db_AC.php?name=PN", USE THIS IN AJAX CALL
    //dataType: "json"
  });
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">


<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div>
  <label for="tags">Autocomplete: </label>
  <input id="partNumber_1">
</div>
...