Anasayfa / Genel / JQuery UI Dialog

JQuery UI Dialog

Options (Seçenekler)

appendTo: Default: “body”

Hangi eleman iletişim eklenmiş olmalıdır.

Get or set the appendTo option, after initialization:

 

autoOpen: Default: true

Eğer ayarlanmışsa true, diyalog başlatıldığında otomatik olarak açılır. Eğer falseiletişim gizli kalacak kadar open()yöntemi denir.

Code examples:

Initialize the dialog with the autoOpen option specified:

Get or set the autoOpen option, after initialization:

Buttons: Default: []

İletişim kutusunda hangi düğmelerin görüntüleneceğini belirtir. Geri arama bağlamı diyalog elemanıdır; Düğmeye erişmeniz gerekirse, olay nesnesinin hedefi olarak kullanılabilir.

Code examples:

Initialize the dialog with the buttons option specified:

Get or set the buttons option, after initialization:

Classes: Widget öğelerine eklemek için ek sınıflar belirtin.

Code examples:

Initialize the dialog with the classes option specified, changing the theming for the ui-dialog class:

Get or set a property of the classes option, after initialization, here reading and changing the theming for the ui-dialog class:

closeOnEscape: Default: true

İletişim kutusunun odaklandığı zaman iletişim kutusunun kapanması gerekip gerekmediğini ve kullanıcının çıkış (ESC) tuşuna basıp basmayacağını belirtir.

Code examples:

Initialize the dialog with the closeOnEscape option specified:

Get or set the closeOnEscape option, after initialization:

closeText: Default: “close”

Kapat düğmesinin metnini belirtir. Standart bir tema kullanırken yakın metnin görünür şekilde gizlendiğini unutmayın.

Code examples:

Initialize the dialog with the closeText option specified:

Get or set the closeText option, after initialization:

dialogClass: Default: “”

Ek temalar için, belirtilen sınıf adları diyaloga eklenecektir.

Code examples:

Initialize the dialog with the dialogClass option specified:

Get or set the dialogClass option, after initialization:

Draggable(sürüklenebilir): Default: true

Ayarlanmışsa true, diyalog başlık çubuğu tarafından sürüklenecektir.

Code examples:

Initialize the dialog with the draggable option specified:

Get or set the draggable option, after initialization:

height : Default: “auto”

İletişim kutusunun yüksekliği.

Code examples:

Initialize the dialog with the height option specified:

Hide(saklamak): Default: null

İletişim kutusunun gizlenmesini nasıl ve nasıl canlandıracaksınız.

Code examples:

Initialize the dialog with the hide option specified:

maxHeight: Default: false

İletişim kutusunun piksel olarak yeniden boyutlandırılabileceği maksimum yükseklik.

Code examples:

Initialize the dialog with the maxHeight option specified:

maxWidth: Default: false

İletişim kutusunun piksel olarak yeniden boyutlandırılabileceği maksimum genişlik.

Code examples:

Initialize the dialog with the maxWidth option specified:

minHeight: Default: 150

İletişim kutusunun piksel olarak yeniden boyutlandırılabileceği minimum yükseklik.

Code examples:

Initialize the dialog with the minHeight option specified:

minWidth:

İletişim kutusunun piksel olarak yeniden boyutlandırılabileceği minimum genişlik.

Code examples:

Initialize the dialog with the minWidth option specified:

Modal(kip): Default: false

Eğer ayarlanmışsa true, diyalogun modal davranışı olacaktır; Sayfadaki diğer öğeler devre dışı bırakılacak, yani, etkileşim kurulamıyor. Modal iletişim kutuları, iletişim kutusunun altında ancak diğer sayfa öğelerinin üstünde bir yer paylaşımı oluşturur.

Code examples:

Initialize the dialog with the modal option specified:

Position(Pozisyon): Default: { my: “center”, at: “center”, of: window }

Açıldığında iletişimin nerede görüntüleneceğini belirtir. İletişim kutusu, iletişim kutusunun mümkün olduğunca görülebileceği şekilde çarpışmaları ele alacaktır.

Code examples:

Initialize the dialog with the position option specified:

Resizable: Default: true

Ayarlanmışsa true, diyalog yeniden boyutlandırılabilir.

Showgöstermek : Default: null

İletişimin gösterilip gösterilmeyeceği ve nasıl hareketlendirileceği.

Code examples:

Initialize the dialog with the show option specified:

Title(Başlık): Default: null

İletişim kutusunun başlığını belirtir. Değer ise null, titleiletişim kaynağı öğesindeki öznitelik kullanılacaktır.

Code examples:

Initialize the dialog with the title option specified:

Width: Default: 300

İletişim kutusunun genişliği, piksel cinsinden.

Code examples:

Initialize the dialog with the width option specified:

Methods(Yöntemler)

close():İletişim kutusunu kapatır.

  • Bu yöntem herhangi bir argümanı kabul etmez.
    destroy():Diyalog işlevselliğini tamamen kaldırır. Bu, öğeyi öntanımlı durumuna geri döndürür.

    • Bu yöntem herhangi bir argümanı kabul etmez.
      instance():İletişim kutusunun örnek nesnesini alır. Öğenin ilişkili bir örneği yoksa undefined, döndürülür.

      Diğer parçacık yöntemlerinden farklı olarak instance(), iletişim eklentisi yüklendikten sonra herhangi bir öğe üzerinde aramak güvenlidir.

      Bu yöntem herhangi bir argümanı kabul etmez.

      isOpen():Diyaloğun açık olup olmadığı.

      Bu yöntem herhangi bir argümanı kabul etmez.

      Bu yöntem herhangi bir argümanı kabul etmez.

moveToTop():İletişim kutusunu iletişim yığınının üstüne taşır.

open():İletişim kutusunu açar.

  • Bu yöntem herhangi bir argümanı kabul etmez

option(optionName): Belirtilen ile ilişkili olan değeri alır optionName.

option():Geçerli iletişim seçenekleri karmasını temsil eden anahtar / değer çiftlerini içeren bir nesneyi alır.

  • Bu imza hiçbir argümanı kabul etmez.

option( optionName, value ): Belirtilen ile ilişkili iletişim kutusunun değerini ayarlar optionName.

option( options ): İletişim kutusu için bir veya daha fazla seçenek ayarlar.
widget():jQueryOluşturulan sarmayı içeren bir nesneyi döndürür .

  • Bu yöntem herhangi bir argümanı kabul etmez.

Extension Points(Eklenti Noktaları)

_allowInteraction( event ): Modal diyaloglar, kullanıcıların diyalogun arkasındaki öğelerle etkileşime girmesine izin vermez. Bu, diyaloğun çocukları olmayan unsurlar için sorunlu olabilir, ancak oldukları gibi görünmek için kesinlikle konumlandırılmıştır. _allowInteraction()Yöntem, kullanıcının belirli bir hedef elemanı ile etkileşime izin verilecek olup olmadığını belirler; bu nedenle, iletişim kutusunun çocukları olmayan öğeleri beyaz listeye eklemek için kullanılabilir, ancak kullanıcıların kullanmasını isteyebilirsiniz.

 

Events(Olaylar)

beforeClose (event, ui): Bir iletişim kutusu kapanmak üzere olduğunda tetiklenir. İptal edilirse, iletişim kutusu kapanmaz.

Kod örnekleri:

İletişimin, belirtilen önceki kopyaya geri çağrılarak başlatılması:

Dialogbeforeclose etkinliğine bir olay dinleyicisini bağlayın:

close (event, ui): İletişim kutusu kapatıldığında tetiklenir.

Kod örnekleri:

İletişim kutusunu belirtilen yakın geri çağrıyla başlat:

Dialogclose etkinliğine bir etkinlik dinleyicisini bağlayın:

create (event, ui): İletişim oluşturulduğunda tetiklendi

Kod örnekleri:

Belirtilen geri bildirim ile iletişim kutusunu başlat:

Dialogcreate olayına bir olay dinleyicisini bağlayın:

drag (event, ui): İletişim kutusu sürüklenirken tetiklenir.

Kod örnekleri:

Belirtilen sürükleme geri bildirimi ile iletişim kutusunu başlat:

Dialogdrag olayına bir olay dinleyicisini bağlayın:

dragStart (olay, ui): Kullanıcı diyalogu sürüklemeye başladığında tetiklenir.

Kod örnekleri:

Belirtilen dragStart geri çağırma ile iletişim kutusunu başlat:

Dialogdragstart olayına bir olay dinleyicisi bağlayın:

dragStop (event, ui): İletişim kutusu sürüklendikten sonra tetiklendi.

Kod örnekleri:

Belirtilen dragStop geri çağırma ile iletişim kutusunu başlat:

Dialogdragstop olayına bir olay dinleyicisi bağlayın:

odak (olay, kullanıcı): Diyalog odağı kazandığında tetiklenir.

Kod örnekleri:

Belirtilen odak geri çağrısı ile iletişim kutusunu başlat:

Dialogfocus olayına bir olay dinleyicisini bağlayın:

open (event, ui): İletişim kutusu açıldığında tetiklenir.

Kod örnekleri:

Açılan geri arama ile iletişim kutusunu başlat:

Dialogopen etkinliğine bir olay dinleyicisi bağlayın:

resize( event, ui )= yeniden boyutlandır (olay, kullanıcı)

İletişim yeniden boyutlandırılırken tetiklenir.

Kod örnekleri:

Belirtilen yeniden boyutlandırma geri bildirimi ile iletişim kutusunu başlat:

Dialogresize olayına bir olay dinleyicisini bağlayın:

resizeStart (olay, ui): Kullanıcı diyaloğu yeniden boyutlandırmaya başladığında tetiklenir.

Kod örnekleri:

Belirtilen resizeStart geri arama ile iletişim kutusunu başlat:

Dialogresizestart olayına bir olay dinleyicisini bağlayın:

resizeStop (event, ui): Diyalog yeniden boyutlandırıldıktan sonra tetiklenir

Kod örnekleri:

Diyalogun belirtilen resizeStop geri arama ile başlatılması:

About Ezgi Nur Kurt

Bunu da incele

SQL İLİŞKİLER

İlişkisel veritabanı neredeyse tüm veritabanlarında kullanıldığı için tasarımı ve normalizasyonu önemli bir konu. İyi bir …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: