Nano Hash - криптовалюты, майнинг, программирование

Как сделать бесконечную прокрутку Select2 на стороне сервера и на стороне клиента

На странице документации нет объяснения на стороне сервера. Поскольку я запутался, я хочу решить свою проблему и, возможно, сделать ссылку на код на стороне сервера и на стороне клиента.

Я пытаюсь сделать select2 (используя v.4.0) разбиением на страницы с бесконечной прокруткой в ​​качестве окна поиска, но путаюсь с params.page. Как я могу получить этот параметр в качестве запроса запроса и вернуть номер страницы для бесконечной прокрутки. Как срабатывает бесконечная прокрутка? Ниже приведены мои коды, которые я могу получить только 10 результатов.

HTML-часть моего кода:

<select id="search_products" name="q"></select>

JS часть;

jQuery('#search_products').select2({        
    ajax: {
        url: "search_results.php",
        dataType: 'json',
        delay: 250,
        data: function (params) {
          return {
            q: params.term, // search term
            page_limit: 10,
            page:params.page
          };
        },

        processResults: function (data, params) {

        params.page = params.page || 1;

        return {
          results: data.items,
          pagination: {
            more: (params.page * 30) < data.total           
          }
        };

      },            
        cache: true
      },
      escapeMarkup: function (markup) { return markup; },
      minimumInputLength: 3,
      templateResult: formatRepo,
      templateSelection: formatRepoSelection
});

function formatRepo (repo) {
    if (repo.loading) return repo.adi;

    var markup = '<div class="clearfix">' +        
    '<div class="col-sm-7">' + repo.name + '</div>' +
    '<div class="col-sm-4"><i class="fa fa-barcode"></i> ' + repo.barkod + '</div>';

    return markup;
  }

  function formatRepoSelection (repo) {
    return repo.adi;
  }

Сторона сервера - часть PHP (search_results.php):

if (isset($_REQUEST['q']) && !empty($_REQUEST['q'])) {

    $q = getVar('q', 'anp'); //getVar is my custom sanitation function
    $pglm = getVar('page_limit', 'int');
    $page_lim = (empty($pglm) ? 10 : $pglm);
    $pg = getVar('page', 'int');
    $page =  (empty($pg) ? 0 : $pg);
    $sira = $page*$page_lim;

    //using MYSQL, querying with custom database query class $db
    $qu = $db->get_results("
                    SELECT * FROM  `products` 
                    WHERE  `adi` LIKE  '%$q%'
                    OR  `ozellikleri` LIKE  '%$q%'
                    OR  `ozet` LIKE  '%$q%'
                    OR  `barkod` LIKE  '%$q%' LIMIT $sira, $page_lim
                    ");

    if($qu && count($qu) > 0) {
        foreach ($qu as $oqu) {
            $items[] = array('name' => $oqu->adi, 'id' => $oqu->id,  'barkod' => $oqu->barkod);
            } 

        echo json_encode(array('items' => $items, 'total' =>  count($qu), 'page' => $page));
    }   
}

  • Видите ли вы какие-либо исключения в своей консоли? А вы уверены, что правильно генерируете LIMIT? Сторона JS выглядит здесь правильно. 05.07.2015
  • Без исключений. Как я понял params.page это текущий номер страницы. Проблема в том, как я могу отправить этот номер на сервер. В коде PHP я пытался получить как $pg = getVar('page', 'int');, но он не предпринимает никаких действий. 05.07.2015

Ответы:


1

В вашем коде есть проблемы, как на стороне клиента, так и на стороне сервера.

На стороне клиента попробуйте заменить это:

data: function (params) {
    return {
        q: params.term, // search term
        page_limit: 10,
        page:params.page
    };
},
processResults: function (data, params) {
    params.page = params.page || 1;
    return {
        results: data.items,
        pagination: {
            more: (params.page * 30) < data.total           
        }
    }
};

Для этого:

var limit_rows = 10;
...
data: function (params) {
    return {
        q: params.term, // search term
        page_limit: limit_rows,
        page:params.page
    };
},
processResults: function (data, params) {
    params.page = params.page || 1;
    return {
        results: data.items,
        pagination: {
            more: (params.page * limit_rows) < data.total           
        }
    }
};

Таким образом, select2 будет правильно анализировать лимит страниц в соответствии с переменной «limit_rows». Обратите внимание, что я изменил 30 для переменной «limit_rows» внутри метода «processResults», и теперь поле правильно показывает 10 результатов для каждого поиска.

На стороне сервера две проблемы:

  • Ваш общий счет неверен. Вам нужно вернуть общее количество строк без LIMIT по вашему запросу. Это позволит избежать общей суммы возврата, как всегда, из предела вашей страницы (в вашем случае 10).
  • Ваш массив возвращается, поскольку в json отсутствует некоторая информация. Попробуйте изменить это:

    echo json_encode(array('items' => $items, 'total' => count($qu), 'page' => $page) );

Для этого:

echo json_encode(
    array(
        'incomplete_results' => false,
        'items' => $items,
        'total' => count($qu) // Total rows without LIMIT on your SQL query
);

Это сработало для меня.

25.09.2015
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..