Jquery ui vidjetlar : Datepicker, Dialog. Amaliy ko’rsatmalar

Dialog vidjetini sozlash
Dialog vidjeti foydalanuvchiga taqdim etilgan muloqot oynasi konfiguratsiyasini muayyan ehtiyojlarga qarab sozlash imkonini beruvchi bir qator xususiyatlarni qo‘llab-quvvatlaydi. Ulardan biri, autoOpen xususiyati, siz allaqachon oldingi bo'limda tanishgansiz va ularning to'liq ro'yxati quyidagi jadvalda keltirilgan:
autoOpen Agar ushbu parametr rost boʻlsa, dialog() usuli yordamida dialog oynasi yaratilgandan soʻng darhol ochiladi. Standart qiymat rost
tugmalar Vidjetga qo'shiladigan tugmalar to'plamini va tegishli tugma bosilganda chaqiriladigan funksiyalarni belgilash imkonini beradi. Sukut bo'yicha tugmalar yo'q
closeOnEscape Agar ushbu parametr to'g'ri bo'lsa, tugmasini bosish orqali dialog oynasini ekrandan olib tashlash mumkin. Standart qiymat rost
sudrab olinadigan Agar ushbu parametr to'g'ri bo'lsa, foydalanuvchi suhbat oynasini sarlavhasini brauzer oynasida sudrab ko'chirishi mumkin.
balandlik Muloqot oynasining boshlang'ich balandligini piksellarda belgilaydi. Standart qiymat avtomatik bo'lib, dialog oynasining balandligini avtomatik ravishda o'rnatadi.
yashirish Muloqot oynasini yashirish uchun ishlatiladigan animatsiya turini belgilaydi
maxHeight Muloqot oynasining piksellardagi maksimal balandligini belgilaydi. Standart qiymat noto'g'ri, ya'ni balandlik cheklovlari yo'q.
maxWidth Muloqot oynasining maksimal kengligini piksellarda belgilaydi. Standart qiymat noto'g'ri, ya'ni kenglik cheklovlari yo'q.
minHeight Muloqot oynasining minimal balandligini piksellarda belgilaydi. Standart qiymat noto'g'ri, ya'ni balandlik cheklovlari yo'q.
minWidth Muloqot oynasining minimal kengligini piksellarda belgilaydi. Standart qiymat noto'g'ri, ya'ni kenglik cheklovlari yo'q.
modal Agar ushbu parametr "true" ga o'rnatilgan bo'lsa, u holda dialog modal sifatida yaratiladi va u yashirilmaguncha, foydalanuvchi hujjat bilan aloqa qila olmaydi.
pozitsiya Muloqot oynasining boshlang'ich o'rnini belgilaydi. Standart qiymat markaz bo'lib, u brauzer oynasining markazidagi dialog oynasining holatiga mos keladi
qayta o'lchamli Agar ushbu parametr "true" ga o'rnatilgan bo'lsa, u holda muloqot oynasida foydalanuvchi uning hajmini o'zgartirishi mumkin bo'lgan manipulyatorga ega bo'ladi. Standart qiymat rost
ko'rsatish Muloqot oynasini ko'rsatish uchun ishlatiladigan animatsiya turini belgilaydi
stek Agar ushbu parametr to'g'ri bo'lsa, dialog oynasini bosish uni ekranning old tomoniga olib keladi. Standart qiymat rost
sarlavha Muloqot oynasining sarlavhasini belgilaydi.
width Muloqot oynasining dastlabki kengligini piksellarda belgilaydi. Standart qiymat avtomatik bo'lib, dialog oynasining kengligini avtomatik ravishda o'rnatadi.
Asosiy dialog oynasi ko'rinishini sozlash Sarlavha opsiyasi sarlavha atributiga ega bo'lmagan div elementi asosida muloqot oynasini yaratishga imkon beradi. Agar siz dialog oynasida foydalanmoqchi bo'lgan elementlarni yaratish ustidan nazoratingiz bo'lmasa, bu foydali bo'lishi mumkin. Sarlavha opsiyasidan foydalanish misoli quyida ko'rsatilgan:
$(function() {

$('#dialog').dialog({

title: 'Привет',
resizable: false
});

});
Ushbu misolda o'lchamini o'zgartirish varianti ham qo'llanilgan. U dialog oynasining pastki o'ng burchagida manipulyator tugmasi mavjudligini nazorat qiladi. Shaxsan menga keraksiz elementlar boʻlmagan dialog oynalari yoqadi, lekin men odatda oʻlchamini oʻzgartirish variantini rost deb qoldiraman, chunki men foydalanuvchiga kontent oʻlchamiga qarab muloqot oynasining oʻlchamini oʻzgartirishga ruxsat berishni afzal koʻraman. Brauzer oynasidagi dialog oynasining ko'rinishi rasmda ko'rsatilgan: