شنبه ۲۹ دي ۱۴۰۳
Tut24 آموزش برنامه نویسی و مجله تخصصی فناوری ورود/عضویت

آموزش jQuery Mobile - ویجت ها

ویجت (Widget)، یک ابزار یا کنترل کوچک در برنامه jQuery Mobile شماست. ویجت‌ها بسیار کارآمد هستند، زیرا به شما امکان می‌دهند برنامه‌های مورد علاقه‌ی خود را در صفحه اصلی خود قرار داده و به راحتی به آن‌ها دسترسی پیدا کنید.

جدول زیر انواع ویجت‌ها را به تفصیل نشان می‌دهد:

ردیف نوع و توضیحات
۱ دکمه‌ها (Buttons)

این دکمه‌های قابل کلیکی را با محتوایی مانند متن یا تصویر مشخص می‌کند.

۲ چک باکس (Checkbox)

چک باکس‌ها هنگامی استفاده می‌شوند که بیش از یک گزینه باید انتخاب شود.

۳ دکمه رادیویی (Radiobox)

دکمه‌های رادیویی هنگامی استفاده می‌شوند که از بین گزینه‌های مختلف، فقط یک گزینه باید انتخاب شود.

۴ انتخاب تاریخ (Datepicker)

این روی ورودی تمرکز دارد تا یک تقویم تعاملی در یک پوشش کوچک باز شود.

۵ قابل جمع شدن (Collapsible)

قابل جمع شدن به شما این امکان را می‌دهد که محتوا را هنگام کلیک روی آن گسترش یا جمع کنید. این بسیار مفید برای دستگاه‌های تلفن همراه است که یک محتوای خلاصه را نمایش می‌دهند.

۶ گروه کنترل (Controlgroup)

گروه کنترل‌ها مجموعه‌ای از دکمه‌ها را برای مشخص کردن یک بلوک تکی ارائه می‌دهد که شبیه یک مؤلفه ناوبری به نظر می‌رسد.

۷ قابل فیلتر شدن (Filterable)

با استفاده از ویژگی data-filter="true"، می‌توانید فرزندان هر المان را فیلتر کنید.

۸ کلید تغییر وضعیت (Flipswitch)

کلید تغییر وضعیت به شما اجازه می‌دهد که با کلیک روی آن برای ورودی استایل بولین، سوئیچ را خاموش / روشن یا درست / غلط کنید.

۹ لیست‌ویو (Listview)

هدف از مؤلفه لیست‌ویو، نمایش محتوای پیچیده و سفارشی شده در فهرست‌ها است.

۱۰ بارگیری کننده (Loader)

jQuery Mobile روش‌های مختلفی برای اضافه کردن وضعیت‌های بارگیری به یک المان فراهم می‌کند.

۱۱ نوارناوبری (Navbar)

ویجت نوارناوبری یک مجموعه‌ی دکمه‌هایی است که به شما لینک به صفحه‌ها و بخش‌های دیگر وب سایت شما را می‌دهد.

۱۲ پنل (Panels)

پنل‌ها برای نمایش اجزاء DOM در جعبه استفاده می‌شوند.

۱۳ پاپ‌آپ (Popups)

پاپ‌آپ یک رابط کاربری است که در یک پنجره کوچک نمایش داده می‌شود تا متن، تصاویر و سایر محتواها را نشان دهد.

۱۴ نوار محدوده (Rangeslider)

ویجت نوار محدوده با ارائه یک جفت دستگیره به شما امکان انتخاب محدوده‌ای از مقادیر عددی را می‌دهد.

۱۵ منوی انتخاب (Selectmenu)

منوی انتخاب گزینه‌های مختلف را به صورت فهرست کشویی ارائه می‌دهد، از جایی که کاربر می‌تواند یک یا چند گزینه را انتخاب کند.

۱۶ اسلایدر (Slider)

با استفاده از اسلایدر، می‌توانید با کشیدن دسته‌ی اسلایدر مقداری را انتخاب کنید.

۱۷ جدول (Table)

jQuery Mobile از جدول برای نمایش دادن داده‌ها به شکل سطر و ستون استفاده می‌کند، یعنی داده‌ها به شکل جدولی نمایش داده می‌شوند.

۱۸ تب‌ها (Tabs)

تب‌های ویجت، گسترشی برای ویجت تب jQuery UI است که همه‌ی متد‌ها و گزینه‌ها را پذیرفته است.

۱۹ ورودی متنی (Textinput)

تگ <input> برای تعریف عنصر ورودی، یک کنترلی که به کاربر امکان ورود داده می‌دهد، استفاده می‌شود.

۲۰ نوار ابزار (Toolbar)

ویجت نوار ابزار jQuery Mobile به شما امکان می‌دهد تا هدر و پا صفحه‌ی خود را ایجاد کنید.