رفتن به نوشته‌ها

معرفی پلاگین x tree select یک select با قابلیت تو در تو

به نام دانای بر حق

مقدمه گاهی اوقات نیاز دارید از یک لیست درحتی یا تو در تو یک select یا combobox درست کنید. ما این موضوع رو تو سایت دیوار دیدم و اما نمونه رایگان و اوپن سورسی از اون ندیدیم. بنده حقیر و استاد SadeghPM  خودمون پلاگین jquery رو منطبق بر نیاز های یک توسعه دهنده وب پارسی زبان در حد و کلاس بین المللی نوشتیم.

DEMO | دمو یا پیش نمایش این افزونه یا پلاگین

برای دیدن پیش نمایش این افزونه به لینک زیر مراجعه کنید:

امکانات x tree select چیست؟

مهم ترین امکان استفاده از داده های درختی است به صورتی اگر شما مثلا چندی دسته بندی و زیر دسته بندی دارید میتونید از پلاگین استفاده کنید.

اما سایر امکانات:

  • قابلیت تعریف عنوان ها
  • قابلیت راست به چپ یا rtl
  • قابلیت استفاده از رویداد onClose زمان بسته شدن منوی برنامه
  • قابلیت استفاده از رویداد onOpen زمان باز شدن منوی برنامه
  • قابلیت استفاده از رویداد onSelect زمان تغییردادن مقدار انتخاب شده
  • قابلیت استفاده از رویداد onChange زمان انتخاب یک مقدار
  • قابلیت استفاده از تم های bootstrap, materilze, semantic ui و …
  • قابلیت جستجو در بین آیتم ها
  • قابلیت انتخاب یا عدم انتخاب والد ها
  • قابلیت استفاده از json سفارشی سازی شده
  • قابلیت استفاده از افکت مختلف fade, flip, slide
  • و …

مرورگر های سازگار

  • ie IE >= 9
  • edge Edge all version
  • firefox Firefox >= 16
  • safari Safari >=11
  • chrom/chromium chrome / chromium >= 26
  • opera Opera >=15
  • android Android browser >= 4.4
  • Blackberry Browser >= 10
  • ios safari iOS Safari >= 7

جدول اطلاعات کلی

امکانات مقدار پیش فرض توضیحات
direction ltr راست به چپ یا برعکس rtl
searchable false قابلیت سرچ
datatree [] اطلاعات درختی به صورت json
mainTitle “Main category” عنوان دسته اصلی
transition “fade” افکات تغییرات
json {title: 'title',value: 'value',child: 'child'} کلید های اطلاعات ورودی جیسون
selectablePrernt false امکان انتخاب والد

نحوه استفاده

برای نحوه استفاده به پیش نمایش مراجعه کنید نمونه های متعدد وجود دارد.

ساده ترین روش فروخوانی توسط npm

دانلود افزونه و اطلاعات بیشتر

گیت هاب + سورس

npm :

 

لطفا برای حمایت و تشکر از ما پروژه جهت توسعه بیشتر در گیت هاب star کنید و اگر مشکلی داشتید از همین گیت هاب موضوع ایجاد کنید قطعا پاسخگو خواهیم بود.

 

‌A1Gard

اول از همه کوچک ترین عضو مجموعه ۴xmen بنده حقیر هستم. در ثانی یک توسعه دهنده هستم زمینه های تخصصی کارم :‌ Delphi, PHP, C++ ,Python, JavaScript, Unity game engine, C#, asm و علاقه مند به لینوکس، RCE ، کریپتوگرافی هستم. تا الان حضرت حق اینا رو به ما داده و هر وقت که بخواد ازمون میگیره دست خودشه. یا حق، با حق، تا حق

More Posts

منتشر شده در جاوااسکریپتجی کوئریطراحی وب

اولین باشید که نظر می دهید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *