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

Muloqot oynasiga tugmalar qo'shish
Siz tugmalar opsiyasidan foydalanib jQuery UI muloqot oynasiga tugmalar qo'shishingiz mumkin. Ushbu parametrning qiymati har biri matn va bosish xususiyatlariga ega bo'lgan ob'ektlar massividir. Matn xossasining qiymati tugmachadagi yorliq sifatida ishlatiladi va bosish xususiyatining qiymati tugma bosilganda chaqiriladigan funksiyani belgilaydi.
Tugmalardan foydalanishga misol quyida ko'rsatilgan:

$(function() { $('#dialog').dialog({ buttons: [{text: "OK", click: function() {/* выполнить некоторые действия */}}, {text: "Отмена", click: function() {$(this).dialog("close")}}] }); });

Ushbu skript ikkita tugmachani qo'shadi. “OK” tugmasi funksiyasi hech qanday foyda keltirmaydi, “Bekor qilish” tugmasini bosish esa dialog oynasini yopadi.
Bekor qilish tugmasi uchun klik hodisasini qayta ishlash funksiyasi ichidagi jQuery selektorida ushbu o'zgaruvchidan foydalanishga e'tibor bering. Bu o'zgaruvchi dialog oynasini yaratishda foydalanilgan div elementiga ishora qiladi. Ushbu misolda dialog oynasi ekrandan yo'qolishiga olib keladigan yopish usuli qo'llaniladi. Dialog vidjetining usullari quyida batafsilroq tavsiflanadi. Qo'shilgan tugmalar bilan dialog oynasining ko'rinishi rasmda ko'rsatilgan:

Foydalanilgan adabiyotlar:

https://professorweb.ru/my/javascript/jquery/level4/4_9.php
https://professorweb.ru/my/javascript/jquery/level4/4_8.php