DevExpress ASPxLoadingPanel Kullanımı

Merhaba arkadaşlar,

ASPxLoadingPanel, arka planda devam eden işlemin sonucu dönene kadar kullanıcı arayüzünde açılan ve istemci tarafında çalışan bir bilgi panelidir. Kullanacağımız başlıca metodlar aşağıdaki gibidir.

GetText

Loading panel üzerindeki değeri döndürür

SetText

Loading panel üzerindeki değeri değiştirir

Hide

Loading paneli gizler

Show

Loading paneli açar

ShowAtPos

Loading paneli belirtilen X-Y posizyonunda açar

ShowInElement

Belirtilen html elementi içerisinde loading paneli açar

ShowInElementByID

Belirtilen element içerisinde loading paneli açar. Elementi ID olarak belirtmek gerekmektedir.

//GetText
var text = loadingPanel.GetText();

//SetText
loadingPanel.SetText("Yükleniyor, lütfen bekleyiniz ..");

//Hide
loadingPanel.Hide();

//Show
loadingPanel.Show();

//ShowAtPos
loadingPanel.ShowAtPos(20, 30);

//ShowInElement
loadingPanel.ShowInElement(panel);

//ShowInElementByID
loadingPanel.ShowInElementByID(panel.id);
		

Eğer loading panel için varsayılan olarak bilgi metni tanımlamak isterseniz, elementin Text özelliğini kullanabilirsiniz. Ekranda farklı bilgiler çekilirken, panel mesajınıda ona göre değiştirmeniz gerekebilir. Eğer "SetText" ile mesaj içeriğini değiştirirseniz, bir sonraki loading paneli çağırdığınızda değişen mesaj içeriği ile panel açılacaktır. Bu ayrıntıya dikkat etmeniz gerekmektedir.

//1. çağırmada ekrana varsayılan mesaj gelecektir. -> Yükleniyor, lütfen bekleyiniz ..
loadingPanel.Show();

//2. çağırmada metin değiştiriliyor. Ekrana yeni değer gelecektir.
loadingPanel.SetText("Bilgileri alınıyor")
loadingPanel.Show();

//3. çağırmada ekrana "Bilgileri alınıyor" mesajı gelecektir.
loadingPanel.Show()

Mesaj içeriğini değiştirmek için önce "SetText" sonrasında "Show" metodunu çağırmak gerekmektedir. Ben genelde aşağıdaki gibi bir yapı kullanıyorum. Eğer parametre ile değer gönderirsem yeni mesaj o olacak, eğer bir değer gönderilmiyorsa, bir önceki mesaj yerine varsayılan mesajım ekrana gelecektir. Bu şekilde bir kullanım yukarıda örneklemeye çalıştığım durumunda önüne geçecektir.

function ShowLoading(message) {
    if (message == undefined) {
        message = "Yükleniyor, lütfen bekleyiniz ..";
    }

    loadingPanel.SetText(message);
    loadingPanel.Show();
}

Başarılar dilerim.