راکت

محدوده قیمت nouislider در livewire

1 پاسخ

سلام روز بخیر
میخواستم بدونم زمانی که صفحه ای را با livewire پیاده سازی میکنیم . چطور میشه به بخش کد های جاوااسکریپت دستررسی داشت ؟
صفحه ی سرچ محصولات به صورت livewire نوشتم . به وسیله nouislider میخواستم فیلتر برای محدوده قیمت در نظر بگیرم

        var directionSlider = document.querySelector('.price_rang');

        noUiSlider.create(directionSlider, {
            start: [0, 100],
            connect: true,
            direction:'rtl',
            range: {
                'min': 0,
                'max': 100
            }
        });

از کد بالا به چه شکل استفاده کنم ؟

ثبت پرسش جدید

پاسخ‌ها

1
مجتبی دلشاد
مجتبی دلشاد
@delshad

تخصص: توسعه دهنده بک اند

برای اینکار شما یه ‍‍propertyایجاد میکنی که مقدار مورد نظر داخلش ذخیره بشه
از داخل مستندات noUiSlider رویداد اپدیت این کتابخونه رو پیدا کنید (این صفحه رو مشاهده کنید) و بعد از نوشتن کد رویداد اپدیت داخلش این کد رو قرار بدید

var data
 @this.set('filter_range', data);

توی تکه کد بالا شما باید مقدار رو از noUiSlider دریافت کنید و داخل متغیر data بریزید و خط بعدی کاری که انجام میده و مربوط به livewire هست مقادیری که داخل data وجود داره رو میریزه داخل property که تعریف کرده بودیم (که اینجا فرض میکنیم property ما filter_range هستش)

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام