در این بخش از آموزش جت اسمارت فیلتر یاد می گیریم چطور سیستم فیلترینگی مشابه سایت «اعزام آنلاین» بسازیم؛ جایی که کاربر ابتدا مجموعه ای از فیلترها را انتخاب می کند و سپس نتایج بر اساس همان انتخاب ها در یک صفحه کاملا جداگانه نمایش داده می شود. این نوع ساختار برای سایت هایی مناسب است که نیاز دارند صفحه فیلتر کاملا اختصاصی داشته باشند و صفحه نمایش نتایج هم طراحی متفاوتی داشته باشد. در این آموزش مرحله به مرحله پیاده سازی این روش را توضیح می دهیم.
ساخت صفحه فیلتر و ارسال داده ها به صفحه نتایج
در اولین مرحله یک صفحه مخصوص فیلترها ایجاد می کنیم و تمام فیلترهای جت اسمارت فیلتر را داخل آن قرار می دهیم؛ مثل فیلترهای چک باکس، رادیویی، رنج قیمت، انتخاب نوع خدمت و سایر مواردی که مطابق ساختار سایت اعزام آنلاین مورد نیاز است. سپس از قابلیت Redirect در تنظیمات فیلترها استفاده می کنیم تا بعد از اینکه کاربر فیلترهای خود را انتخاب کرد، دکمه اعمال او را به صفحه دیگری منتقل کند. تمام مقادیر انتخاب شده در قالب Query Parameters به صفحه نتایج ارسال می شوند. در نتیجه، صفحه مقصد دقیقا بر اساس انتخاب همان فیلترها بارگذاری می شود.
نمایش خروجی فیلتر شده در صفحه ای مجزا
در مرحله دوم وارد صفحه نتایج می شویم؛ یعنی جایی که قرار است محتوا یا محصولات براساس فیلترهای انتخاب شده نمایش داده شوند. در این صفحه یک لیستینگ داینامیک قرار می دهیم و آن را به جت اسمارت فیلتر متصل می کنیم. سپس تنظیمات را طوری تنظیم می کنیم که فیلترها از طریق URL شناسایی شوند و خروجی دقیقاً مطابق انتخاب کاربر نمایش داده شود. این ساختار دقیقا مشابه سایت اعزام آنلاین است: انتخاب در یک صفحه، نمایش نتیجه در صفحه ای دیگر. همچنین امکان نمایش فیلترهای فعال و دکمه حذف همه فیلترها نیز وجود دارد تا تجربه کاربری ساده تر شود.