افزونه انتخاب پیشرفته گرویتی پرکس | افزونه Gravity Perks Advanced Select

افزونه انتخاب پیشرفته گرویتی پرکس (Gravity Perks Advanced Select) فیلدهای فهرست کشویی (Drop Down) و چندانتخابی (Multi Select) را در گرویتی فرمز به کادرهایی قابل جستجو تبدیل می‌کند و کادرهای انتخاب فیلد نشانی را هم همین‌طور. بازدیدکننده به‌جای گشتن میان گزینه‌های فراوان، چند حرف تایپ می‌کند و فهرست کوتاه می‌شود. سازنده‌اش Gravity Wiz است و اجرایش به اسپل‌بوک گرویتی پرکس بستگی دارد.

این افزونه در وردپرس نیاز کنار افزونه‌های کاربردی وردپرس پیدا می‌شود. برای آزمایش یک وردپرس فارسی ساختیم، گرویتی فرمز و اسپل‌بوک را که از همین فروشگاه گرفتیم روی آن گذاشتیم و افزونه را کنارشان فعال کردیم؛ «نصب آزمایشی» در ادامه یعنی همین وردپرس. فرم‌های آزمایشی را با کد ساختیم و فقط واژه‌های نمونه در آن‌ها گذاشتیم.

روشن کردن Enable Advanced Select

تنظیمات فیلدهای کشویی و چندانتخابی در ویرایشگر گرویتی فرمز بخشی به نام Perks دارد و در آن گزینه Enable Advanced Select هست؛ سازنده فیلد نشانی را هم در همین بخش نام می‌برد. این گزینه را برای هر فیلد جدا روشن می‌کنید و فیلدی که روشن نشود همان کادر ساده گرویتی فرمز می‌ماند. در نصب آزمایشی آن را روی یک فیلد کشویی با کلیک واقعی روشن کردیم و پس از زدن Save Form در فرم ماند.

گزینه Enable enhanced user interface خود گرویتی فرمز با این افزونه سازگار نیست: روی فیلدی که انتخاب پیشرفته دارد آن گزینه غیرفعال بود و کنارش پیام GP Advanced Select requires that Enhanced UI is disabled آمده بود، ولی روی فیلدی که انتخاب پیشرفته نداشت قابل انتخاب بود.

جستجو و انتخاب

در نصب آزمایشی صفحه فرم را بدون ورود به پیشخوان باز کردیم و فهرست کشویی را باز کردیم. با تایپ دو حرف فارسی از دوازده گزینه فقط سه گزینه‌ای ماند که آن دو حرف را داشتند و حرف‌های تایپ‌شده در فهرست رنگی شدند. با تایپ حرف‌هایی که در هیچ گزینه‌ای نبود پیام No results found آمد. با تایپ یک حرف، کلید جهت پایین و Enter هم یک گزینه انتخاب شد.

در فیلد چندانتخابی هر گزینه انتخاب‌شده به‌صورت برچسبی با دکمه × در کادر می‌ماند. روی این دکمه که عنوان Remove this item دارد کلیک کردیم و همان گزینه برداشته شد.

در فیلد نشانی از نوع بین‌المللی که انتخاب پیشرفته را با کد روی آن روشن کردیم، کادر کشور قابل جستجو شد: با تایپ Iran از فهرست کامل کشورها فقط همان یک مورد ماند. ما فقط نوع بین‌المللی را آزمودیم.

همکاری با Populate Anything

این افزونه با Populate Anything همکاری دارد، افزونه‌ای از همین خانواده که گزینه‌های فیلد را از نوشته‌ها و داده‌های دیگر پر می‌کند. برای آزمایش گزینه‌ها را از نوشته‌ها گرفتیم: ۱۶۰ نوشته با عنوان «مطلب نمونه» و نوشته پیش‌فرض وردپرس. تنظیم Populate Anything و بارگذاری تنبل را با کد روی فیلدها گذاشتیم.

بارگذاری تنبل (Lazy Load): گزینه‌ها تا وقتی بازدیدکننده روی فیلد کلیک نکند از سرور خواسته نمی‌شوند. در نصب آزمایشی HTML صفحه برای این فیلد هیچ گزینه‌ای نداشت. فیلدی با همان تنظیم Populate Anything که انتخاب پیشرفته در آن روشن و بارگذاری تنبل خاموش بود، همه گزینه‌ها را همراه صفحه داشت و فیلدی که انتخاب پیشرفته در آن خاموش بود هم همین‌طور. با کلیک روی فیلد یک درخواست رفت و گزینه‌ها آمدند.

فیلتر با مقدار جستجو: اگر در فیلتر Populate Anything مقدار جستجوی انتخاب پیشرفته (Advanced Select Search Value) را بگذارید، فقط نتیجه‌های همان جستجو از سرور گرفته می‌شود. ما عنوان نوشته را با این مقدار مقایسه کردیم؛ با تایپ دو حرف هیچ درخواستی نرفت و با حرف سوم یک درخواست رفت. سازنده هم همین حد سه نویسه را می‌نویسد و تغییرش را با فیلتر gpadvs_js_init_args نشان می‌دهد.

اسکرول بی‌پایان: در نصب آزمایشی فهرست را با اسکریپت تا انتها بردیم؛ هر بار دسته بعدی آمد و بعد از چهار درخواست تمام نتیجه‌ها رسیده بود و پیام No more results دیده شد.

تصویر کنار گزینه‌ها

با Image Choices جت‌اسلات برای هر گزینه می‌شود تصویر گذاشت. در نصب آزمایشی تصویر گزینه‌ها را روی یک فیلد کشویی و یک فیلد چندانتخابی با کد تنظیم کردیم و برای یک فیلد چندانتخابی دیگر گزینه Use Image Choices را در ویرایشگر با کلیک اسکریپتی روی برچسبش روشن کردیم؛ در این سه فیلد تصویر هم در فهرست باز و هم کنار گزینه انتخاب‌شده آمد و مقدار انتخاب‌شده در ورودی فرم ذخیره شد. تصویرها مربع‌های رنگی ساده‌ای بود که برای آزمایش ساختیم.

پیش از خرید Gravity Perks Advanced Select

افزونه به گرویتی فرمز و اسپل‌بوک وابسته است. در نصب آزمایشی با خاموش کردن اسپل‌بوک، افزونه در فهرست افزونه‌ها فعال ماند ولی فیلدها همان کادر ساده گرویتی فرمز شدند؛ با خاموش کردن خود افزونه هم همین شد.

موارد زیر گفته سازنده یا کد افزونه است و آن‌ها را در نصب آزمایشی نسنجیدیم:

• ویرایش ورودی در صفحه جزئیات ورودی (Entry Detail) پشتیبانی نمی‌شود
• با ویرایش درون‌خطی GravityEdit سازگار نیست
• با نوار جستجوی GravityView سازگار نیست
• Live Merge Tags در گزینه‌ها پشتیبانی نمی‌شود
• سازنده می‌گوید کادرها روی موبایل پشتیبانی می‌شوند و با صفحه‌خوان سازگارند

اگر نمی‌خواهید خودتان گرویتی فرمز، اسپل‌بوک و این افزونه را نصب و تنظیم کنید، پشتیبانی وردپرس در خدماتش «نصب قالب و راه‌اندازی افزونه» را دارد.

برای فرمی که فهرست گزینه‌هایش بلند است، مثل انتخاب کشور، محصول یا مهارت، این افزونه گزینه‌ها را قابل جستجو می‌کند و با Populate Anything لازم نیست همه گزینه‌ها همراه صفحه بیایند. شرطش فعال بودن گرویتی فرمز و اسپل‌بوک در کنار آن است.