Фильтр списка JQuery с URL - PullRequest
       9

Фильтр списка JQuery с URL

0 голосов
/ 12 июля 2011

Мне нужно изменить какой-то код уже на месте.Есть блок кода, который фильтрует список JQuery, используя URL для заполнения входных данных поиска.

Например

http://***/store/mobile/page/productList.page?search=football

Автоматически вводит "футбол" в строку поиска.

Теперь мне нужно отфильтровать список, не используя панель поиска.

Допустим, мой URL будет выглядеть примерно так:

http://***/store/mobile/page/productList.page?football

Это отфильтрует список с футболомбез использования панели поиска.

Вот код, который мне нужно изменить.Пожалуйста скажите мне, если мой вопрос неясен.

$('div[data-url*="productList"]').live("pageshow", function() {

  filterValue = getParameterByName("search", location.search);

  if (filterValue) {

    $('input[data-type="search"]').val(filterValue);
  }

  refreshList();
});

и:

 $.each(catalog.products,
      function(index, value) {

          if ((!filterValue )
                  || value.name.toUpperCase().indexOf(filterValue.toUpperCase()) != -1
                  || value.brand.toUpperCase().indexOf(filterValue.toUpperCase()) != -1)

          {
              items.push('<li id="' + index + '">' +
                      '<a data-identity="productId"  href="./details.page?productId=' + index + '" >' +
                      '<img class="ui-li-thumb" src="' + value.thumbnail + '"/>' +
                      '<p>' + value.brand + '</p>' +
                      '<h3>' + value.name + '</h3>' +
                      '<span class="ui-li-count">' + value.price + ' $</span></li>') +
              '</a>';
          }

      });

1 Ответ

2 голосов
/ 12 июля 2011

, если после ? всегда будет только 1 параметр, чем вы можете просто получить его из положения страницы в javascript, например,

var url = document.location;
var params = url.split("?");

filterValue = params[params.length-1]
if (filterValue) {

    $('input[data-type="search"]').val(filterValue);
}

refreshList();

пример: http://jsfiddle.net/yPgPc/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...