دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۸
  • اردیبهشت

جلسه ۱۰-۰۳ : ویژگی های داده در jQuery mobile

  • دسته‌بندی‌ها :
جلسه ۱۰-۰۳ : ویژگی های داده در jQuery mobile
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      باسلام خدمت کاربران محترم پی وی لرن و دوستان عزیزی که با آموزش jQuery موبایل همراه ما هستند. همونطور که مشاهده نمودید ویژگی های داده در jQuery mobile  رو در سه جلسه تقدیم حضورتون می نماییم. در قسمت اول و دوم توضیحاتی در مورد چک باکس ها، ارتقا یا پیشرفت، پیش ساخته ها ،در جی کوئری موبایل،کلید دو حالته، آیتم های لیست در جی کوئری موبایل و… رو مورد بحث قرار دادیم. در این جلسه مبحث ها رو ادامه میدیم و صفحه، دکمه های رادیویی، Popup یا پاپ آپ در جی کوئری موبایل و نوار لغزنده یا Slider و انتخاب یا Select در جی کوئری موبایل رو بررسی می نماییم.

      ویژگی های داده در jQuery mobile

      صفحه

      جدول زیر لیست عناصر صفحه مورد استفاده با ویژگی”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 یا پاپ آپ در جی کوئری موبایل

      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)

      انتخاب یا Select در جی کوئری موبایل

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

      ردیفخصوصیت 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 در جی کوئری موبایل ، نوار لغزنده را داریم.

      نوار لغزنده یا Slider در جی کوئری موبایل

      جدول زیر لیست عناصر لغزنده مورد استفاده با ویژگی “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)

      کلام پایانی

      در این جلسه که جلسه اخر آموزش ماست .مباحث رو ادامه دادیم و صفحه و دکمه های رادیویی رو بیان نمودیم،در Popup یا پاپ آپ در جی کوئری موبایل ،رنگ پس زمینه، رنگ تم و فاصله از گوشه های صفحه و موارد دیگری بیان شد. سپس نوار لغزنده یا Slider و انتخاب یا Select در جی کوئری موبایل رو بررسی نمودیم.
      QR:  جلسه ۱۰-۰۳ : ویژگی های داده در jQuery mobile
      به اشتراک بگذارید