باسلام خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش jQuery موبایل همراه ما هستند. همونطور که مشاهده نمودید ویژگی های داده در jQuery mobile رو در سه جلسه تقدیم حضورتون می نماییم. در قسمت اول و دوم توضیحاتی در مورد چک باکس ها، ارتقا یا پیشرفت، پیش ساخته ها ،در جی کوئری موبایل،کلید دو حالته، آیتم های لیست در جی کوئری موبایل و… رو مورد بحث قرار دادیم. در این جلسه مبحث ها رو ادامه میدیم و صفحه، دکمه های رادیویی، Popup یا پاپ آپ در جی کوئری موبایل و نوار لغزنده یا Slider و انتخاب یا Select در جی کوئری موبایل رو بررسی می نماییم.
جدول زیر لیست عناصر صفحه مورد استفاده با ویژگی”data-role = “page را نشان می دهد.
ردیف | خصوصیت data و توضیحات | مقدار |
---|---|---|
۱ | data-dom-cache مشخص می کند که آیا برای صفحات تکی، کش jquery DOM باید پاک شود یا خیر. | true | false |
۲ | data-overlay-theme رنگ پس زمینه ی صفحات گفتگو را تعریف می کند. | letter (a-z) |
۳ | data-theme رنگ تم را برای صفحه تعریف می کند. | letter (a-z) |
۴ | data-title عنوان صفحه ی مورد نظر را مشخص می کند. | Default is no icon |
۵ | data-url سنجیدن برای آپ دیت شدن url می باشد. | url |
Popup یا پاپ آپ در جی کوئری موبایل رو می بینیم.
جدول زیر لیست عناصر پنجره مورد استفاده با ویژگی “data-role = “popup را نشان می دهد.
ردیف | خصوصیت data و توضیحات | مقدار |
---|---|---|
۱ | data-corners مشخص می کند که آیا پاپ آپ باید دارای گوشه های گردشده باشد یا خیر. | true | false |
۲ | data-dismissible مشخص می کند که آیا پاپ آپ مورد نظر باید با کلیک شدن در بیرون از محیط آن، بسته شود یا خیر. | true | false |
۳ | data-history تعریف می کند که آیا پاپ آپ مورد نظر به هنگام باز شدن، باید یک آیتم تاریخچه ی مرورگر را ایجاد کند یا خیر. | true | false |
۴ | data-overlay-theme رنگ پس زمینه ی جعبه ی پاپ آپ را تعریف می کند. | letter (a-z) |
۵ | data-shadow تعریف می کند که آیا جعبه ی پاپ اپ باید دارای سایه باشد یا نه. | true | false |
۶ | data-theme رنگ تم جعبه ی پاپ آپ را تعریف می کند. | letter (a-z) |
۷ | data-tolerance فاصله از گوشه های صفحه را تعریف می کند. | ۳۰, ۱۵, ۳۰, ۱۵ |
جدول زیر لیست عناصر دکمه رادیویی مورد استفاده با ویژگی “type = “radio است.
ردیف | خصوصیت data و توضیحات | مقدار |
---|---|---|
۱ | data-mini مشخص می کند که آیا دکمه ی مورد نظر باید دارای اندازه ی کوچک باشد یا معمولی. | true | false |
۲ | data-role استایل دهی دکمه های رادیویی ودکمه های ترقی یافته را متوقف می کند. | none |
۳ | data-theme رنگ تم دکمه ی رادیویی مورد نظر را تعریف می کند. | letter (a-z) |
جدول زیر لیست عناصر انتخاب شده مورد استفاده با جی کوئری موبایل را لیست می کند.
ردیف | خصوصیت data و توضیحات | مقدار |
---|---|---|
۱ | data-icon آیکن عنصر select را تعریف می کند. | Default is “arrow-d” |
۲ | data-iconpos مکان آیکن را تعریف می کند. | left | right | top | bottom |
۳ | data-inline تعریف می کند که آیا منوی انتخاب باید به صورت خطی باشد یا خیر. | true | false |
۴ | data-mini مشخص می کند که آیا select مورد نظر باید دارای اندازه ی کوچک باشد یا عادی. | true | false |
۵ | data-native-menu هنگامی که false تنظیم شود، از منوی سفارشی انتخاب می کند. | true | false |
۶ | data-overlay-theme رنگ تم را برای منوی انتخاب سفارشی تعریف می کند. | letter (a-z) |
۷ | data-placeholder می تواند در یک عنصر option تنظیم شود که در یک select غیر بومی قرار دارد. | true | false |
۸ | data-role از استایل دهی به منوهای انتخاب برای تبدیل به دکمه، جلوگیری می کند. | none |
۹ | data-theme رنگ تم عنصر select را مشخص می کند. | letter (a-z) |
بعد از انتخاب یا Select در جی کوئری موبایل ، نوار لغزنده را داریم.
جدول زیر لیست عناصر لغزنده مورد استفاده با ویژگی “type = “range را نشان می دهد.
ردیف | خصوصیت data و توضیحات | مقدار |
---|---|---|
۱ | data-highlight نوار لغزنده را یایلایت می کند. | true | false |
۲ | data-mini مشخص می کند که آیا لغزنده ی مورد نظر باید دارای اندازه ی کوچک باشد یا عادی. | true | false |
۳ | data-role از استایل کنترل های نوار لغزنده را متوقف می کند. | none |
۴ | data-theme رنگ تم را برای کنترل اسلایدر مشخص می کند. | letter (a-z) |
۵ | data-track-theme رنگ تم را برای مسیر اسلایدر تعریف می کند. | letter (a-z) |