Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.02.2015, 08:33
Интересующийся
Отправить личное сообщение для Nelzz Посмотреть профиль Найти все сообщения от Nelzz
 
Регистрация: 20.10.2014
Сообщений: 14

select2 Loading remote data
Всем привет. Не могу запустить Loading remote data из примера

<!DOCTYPE HTML>

<html>

  <title>Untitled</title>
  <meta charset="utf-8">

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/css/select2.min.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-beta.3/js/select2.min.js"></script>
<style>
.selectRow {
    display : block;
    padding : 20px;
}
.select2-container {
    width: 200px;
}
</style>
  <script>
  $( document ).ready(function() {

	$(".js-data-example-ajax").select2({
  ajax: {
    url: "https://api.github.com/search/repositories",
    dataType: 'json',
    delay: 250,
    data: function (params) {
      return {
        q: params.term, // search term
        page: params.page
      };
    },
    processResults: function (data, page) {
      // parse the results into the format expected by Select2.
      // since we are using custom formatting functions we do not need to
      // alter the remote JSON data
      return {
        results: data.items
      };
    },
    cache: true
  },
  escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
  minimumInputLength: 1,
  templateResult: formatRepo, // omitted for brevity, see the source of this page
  templateSelection: formatRepoSelection // omitted for brevity, see the source of this page
});

});
  </script>
</head>

<body>
<body>
 <select class="js-data-example-ajax">
  <option value="select2/select2" selected="selected">select2/select2</option>
</select>
</body>
</body>

</html>


Он так будет работат?

в консоле ошибка Uncaught ReferenceError: formatRepo is not defined

в чем проблема?
Ответить с цитированием
  #2 (permalink)  
Старый 26.02.2015, 15:12
Интересующийся
Отправить личное сообщение для Nelzz Посмотреть профиль Найти все сообщения от Nelzz
 
Регистрация: 20.10.2014
Сообщений: 14

с этим разобрался.

Еще один вопрос. Делаю запрос ajax

var formatProduct = function(data){
   return '<div>'+(data.city)+'</div>';
}
  $("#city").select2({
    ajax: {
      url: "ajaxdata",
      dataType: 'json',
        data: function (params) {
        return {
          country_id: country, 
          term: params.term
        };
      },
      results: function (data) {
        return {  results: data.items, };
      }
    },

      templateResult: formatProduct,
  });


json данные
"items":[{"id":2131,"city":"\u0410\u0442\u044b\u0440\u0430\u0443"},{"id":5427176,"city":"\u0410\u0442\u044b\u0440\u0430\u0443 \u0441\u0435\u043b\u043e"}]}


как мне вернуть city из json? что опят делаю не так.
Ответить с цитированием
  #3 (permalink)  
Старый 26.02.2015, 15:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,781

Сообщение от Nelzz
json данные
"items":[{"id":2131,"city":"\u0410\u0442\u044b\u0440\u0430\ u0443"},{"id":5427176,"city":"\u0410\u0442\u044b\u 0440\u0430\u0443 \u0441\u0435\u043b\u043e"}]}
Это не json. Это какие-то огрызки...
Ответить с цитированием
  #4 (permalink)  
Старый 27.02.2015, 10:04
Интересующийся
Отправить личное сообщение для Nelzz Посмотреть профиль Найти все сообщения от Nelzz
 
Регистрация: 20.10.2014
Сообщений: 14

Сообщение от ksa Посмотреть сообщение
Это не json. Это какие-то огрызки...
Разабралься. Этот огрызки отлично работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
autocomplete и select2 в дропдаун меню BETEPAH Элементы интерфейса 2 14.04.2014 09:20
вопрос по видимости переменных. yiooxir Angular.js 3 31.10.2013 10:37
data атрибуты для хранения ajax-данных oli AJAX и COMET 4 23.08.2013 09:33
И снова о валидации (remote в jQuery.validation v1.7) Sufir jQuery 0 02.03.2011 12:50
Ajax разбор метода mycoding jQuery 14 21.05.2010 09:57