Не могу настроить зависимые фильтры в mFilter2

Всем здравствуйте!

Не могу настроить зависимые фильтры в mFilter2
Документацию по mSearch2 читал, там прям скрипт готовый есть.
docs.modx.pro/komponentyi/msearch2/tipovyie-resheniya/zavisimyie-filtryi

И он отлично работает, только одно НО, при условии — марка: Ford, модель Ford Galaxy (то есть название модели включает в себя марку).

А у меня в базе модель просто Galaxy (без Ford) и базу быстро не поменяешь 35 тыс товаров.
Хоть js я и начал учить, но не получается пока, не хватает знаний), я так понимаю data-атирибуты нужны в модели?

Вот такой вопрос собственно, может ли кто-то помочь, может у кого-то есть наработки такие, код или встречался с похожей ситуацией?
Буду признателен за помощь, спасибо!
Дмитрий
Дмитрий
28 июля 2022, 23:57
modx.pro
1
507
0

Комментарии: 13

Артур Шевченко
Артур Шевченко
29 июля 2022, 00:19
+1
Думаю ntt нужно переписать вот эту функцию
// Функция включения моделей
    enableModel: function() {
        // Получаем марку автомобиля
        var marka = this.marka.find(':selected').text().replace(/\(.*?\)$/, '').replace(/\s+$/, '');
        var re = new RegExp('^' + marka);
        // Пробегаем по всем моделям и проверяем имя
        $this.model.find('option').each(function() {
            var $this = $(this);
            // Имя не совпадает - нужно отключить эту модель
            if (!$this.text().match(re) && $this.prop('value') != '') {
                $this.attr('disabled', true);
                $this.hide();
            }
            // В противном случае - включить
            else {
                $this.attr('disabled', false);
                $this.show();
            }
        });
        // И показываем весь блок с моделями
        $this.model.show();
    },
}
тут проверяется есть ли в названии модели марка
if (!$this.text().match(re) && $this.prop('value') != '')
в твоём случае надо выводить каждой модели в дата атрибут название марки и проверять есть ли у текущей опции дата атрибут с такой маркой. Как вариант.
    Дмитрий
    Дмитрий
    29 июля 2022, 01:01
    0
    Спасибо за ответ. Может быть у вас есть какой-то вариант кода, глянуть, чтобы понять последовательность? а то мне не хватает навыков еще чтобы самому написать это.
      Константин
      Константин
      29 июля 2022, 09:38
      +1
      Всем привет, присоединяюсь к вопросу. Такая же ситуация, есть марка Kia, а в модели название марки отсутствует и дублировать название марки в модели как-то не красиво. Как в таком случае найти решение?
      Роман
      Роман
      29 июля 2022, 09:43
      1
      +1
      У вас нет привязки, поэтому нужно либо сделать привязку.
      Вроде такой модели:
      var phoneModels = {
  "Apple": ["iPhone 13 Pro Max", "iPhone 13 Pro", "iPhone 13", "iPhone 13 mini", "iPhone XS Max", "iPhone XS", "iPhone 12", "iPhone 12 mini", "iPhone 11", "iPhone SE 2020"],
  "Samsung": ["Galaxy A23 4/64GB KZ", "Galaxy A23 6/128GB KZ", "Galaxy A33 5G 6/128GB KZ", "Galaxy A73 5G 6/128GB KZ", "Galaxy A73 5G 8/256GB KZ", "Galaxy Z Flip3 5G 8/128GB", "Galaxy Z Fold3 5G 12/256GB", "Galaxy Z Fold3 5G 12/256GB", "Galaxy S21 5G 8/128GB", "Galaxy A52 4/128GB", "Galaxy S21 5G 8/128GB", "Galaxy S21 5G 8/256GB", "Galaxy S21 FE 6/128GB", "Galaxy A33 5G 6/128GB KZ", "Galaxy A53 5G 6/128GB KZ", "Galaxy S21 FE 6/128GB", "Galaxy A53 5G 8/256GB KZ", "Galaxy S21 FE 6/128GB KZ", "Galaxy A73 5G 6/128GB KZ", "Galaxy A33 5G 6/128GB KZ", "Galaxy A53 5G 6/128GB KZ", "Galaxy A13 4/64GB KZ", "Galaxy S21 FE 6/128GB", "Galaxy S20 FE G780G 6/128GB", "Galaxy A52 4/128GB", "Galaxy A32 6/128GB AE", "Galaxy S22 8/128GB KZ", "Galaxy A52 4/128GB KZ", "Galaxy A13 4/64GB KZ", "Galaxy A13 4/128GB KZ", "Galaxy A73 5G 6/128GB KZ", "Galaxy A23 4/64GB KZ", "Galaxy A23 6/128GB KZ", "Galaxy A22s 5G 4/64GB", "Galaxy M32 6/128GB", "Galaxy A32 4/64GB"]
};
        Дмитрий
        Дмитрий
        02 августа 2022, 17:18
        0
        Спасибо за подсказку.
        Дмитрий
        Дмитрий
        02 августа 2022, 17:27
        0
        В итоге я решил вопрос так.
        1) Создал объект с марками и моделями (по наводке Романа, еще раз спасибо!)
        Что-то такое: 
        var carsModelsObject = {
    "Alfa Romeo": {
        "146": [],
        "147": [],
        "156": []    
    },

    "Audi": {
        "80": [],
        "90": [],
        "100": [],
        "A2": [],
        "A3": [],
        "A4": [],
        "A5": [],
        "A6": [],
        "A6 Allroad": [],
        "A8": [],
        "Q2": [],
        "Q3": [],
        "Q5": [],
        "Q7": [],
        "TT": [],
        "V8": [],

    },
// и так далее по всем маркам...
}
        2) Далее сам скрипт 
        <script>
      window.onload = function() {
        var carSel = document.getElementById("msoption|marka_0"); // мои названия опций
        var modelSel = document.getElementById("msoption|model_0"); // мои названия опций
    
        for (var x in carsModelsObject) {
            carSel.options[carSel.options.length] = new Option(x, x);
        }
        carSel.onchange = function() {
    
            modelSel.length = 1;
          //display correct values
          for (var y in carsModelsObject[this.value]) {
            modelSel.options[modelSel.options.length] = new Option(y, y);
          }
        }
      }
    </script>
        Может не самое элегантное решение, но решение)
        Если кто-то может поделиться своим вариантом, возможно более удачным, буду признателен. Спасибо!
          Константин
          Константин
          10 августа 2022, 17:00
          0
          Дмитрий добрый вечер, можете подсказать что есть объект для начинающего? Это внешний xml файл, с таким содержимым?
          var carsModelsObject = {
    "Alfa Romeo": {
        "146": [],
        "147": [],
        "156": []    
    },

    "Audi": {
        "80": [],
        "90": [],
        "100": [],
        "A2": [],
        "A3": [],
        "A4": [],
        "A5": [],
        "A6": [],
        "A6 Allroad": [],
        "A8": [],
        "Q2": [],
        "Q3": [],
        "Q5": [],
        "Q7": [],
        "TT": [],
        "V8": [],

    },
// и так далее по всем маркам...
}
          Если да, то как его использовать, обращаться к нему?
          Со скриптом понятно, а что с объектом делать не пойму…
          Заранее спасибо, буду очень благодарен.
            Николай Савин
            Николай Савин
            10 августа 2022, 19:35
            +1
            Объект это элемент и термин языка программирования, в данном случае JS. Это массив данных, вот в примере выше как раз, которым можно манипулировать. Источник данных может быть любым. А именно объект в контексте разговора это логический элемент языка. В него можно поместить данные. Данными можно манипулировать. Откуда они берутся — это уже десятый разговор.
              Константин
              Константин
              11 августа 2022, 08:47
              0
              Спасибо!!! Разобрался) Но почему-то стали дублироваться в фильтре марки и модели: disk.yandex.ru/i/W-3JcFircMkXsg

              Вывожу так же, только объект другой:
              <script>
var carsModelsObject = {
    "KIA": {
        "Rio 3 QBR (11-17)": [],
        "Rio 4 FB (2017- )": [],
        "Soul 3 SK3 (2019- )": [],
        "Creta 1 GSR (2016-21)":[]
    },

    "Hyundai": {
        "Solaris 1 RBR (10-17)": [],
        "Solaris 2 HCR (2017- )": []
    }
}
</script>
<script>
      window.onload = function() {
        var carSel = document.getElementById("msoption|marka_0"); // мои названия опций
        var modelSel = document.getElementById("msoption|model_0"); // мои названия опций
    
        for (var x in carsModelsObject) {
            carSel.options[carSel.options.length] = new Option(x, x);
        }
        carSel.onchange = function() {
    
            modelSel.length = 1;
          //display correct values
          for (var y in carsModelsObject[this.value]) {
            modelSel.options[modelSel.options.length] = new Option(y, y);
          }
        }
      }
    </script>
              И сам фильтр не работает, так как залетает в строку параметром опция marka как бы дублем:

              Корректная строка:
              https://rioek.ru/zapchasti/?marka=KIA&model=Soul%203%20SK3%20(2019-%20)
              Строка с дублем марки:
              https://rioek.ru/zapchasti/?marka=KIA&model=KIA%20Soul%203%20SK3%20(2019-%20)
                Дмитрий
                Дмитрий
                11 августа 2022, 22:37
                0
                Добрый вечер, а ваши названия в опциях товара точно соответствуют названиям из объекта?
                К примеру в объекте "KIA«заглавными, а в свойстве товара случаем не „Kia“?
        Дмитрий
        Дмитрий
        02 сентября 2022, 11:21
        0
        Да, согласен. Не заметил сразу, дублируется марка при использовании этого скрипта.



        Может кто-то подсказать почему так?

        Делал так:
        1) Создал объект с марками и моделями 

        var carsModelsObject = {
    "Alfa Romeo": {
        "146": [],
        "147": [],
        "156": []    
    },

    "Audi": {
        "80": [],
        "90": [],
        "100": [],
        "A2": [],
        "A3": [],
        "A4": [],
        "A5": [],
        "A6": [],
        "A6 Allroad": [],
        "A8": [],
        "Q2": [],
        "Q3": [],
        "Q5": [],
        "Q7": [],
        "TT": [],
        "V8": [],

    },
// и так далее по всем маркам...
}

        2) Сам скрипт
        <script>
      window.onload = function() {
        var carSel = document.getElementById("msoption|marka_0"); // мои названия опций
        var modelSel = document.getElementById("msoption|model_0"); // мои названия опций
    
        for (var x in carsModelsObject) {
            carSel.options[carSel.options.length] = new Option(x, x);
        }
        carSel.onchange = function() {
    
            modelSel.length = 1;
          //display correct values
          for (var y in carsModelsObject[this.value]) {
            modelSel.options[modelSel.options.length] = new Option(y, y);
          }
        }
      }
    </script>
        Скрипт отключаю, дублирование пропадает) Может подскажет кто-то, что в нем не верно?
        Спасибо!
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          13