DevExpress ASPxTreeList Expand and Collapse Nodes


30 Ağustos 2016 Hikmet Okumuş DevExpress Web

Merhaba arkadaşlar,

ASPxTreeList kontrolü ile ilgili daha önce yazdığım makalede basit bir menü oluşturmuştuk. Yaptığımız örnekte tek bir kırılım vardı. Bu kırılımların sayısı arttıkça, expand ve collapse özelliklerine ihtiyaç duyulmaktadır. Örnek olarak Code Office projesindeki kategori yapısını dikkate alalım.

www.hikmetokumus.com


DevExpress ASPxTreeList Kullanımı - Menü Oluşturma

Menüde bulunan artı butonu Collapse, eksi butonu Expand işlemini yapmaktadır. Benzer işlemi ASPxTreeList ile yapalım.
    
	
        
        
        

www.hikmetokumus.com

www.hikmetokumus.com

www.hikmetokumus.com

Kısaca yaptıklarımızı açıklayalım. Expand ve Collapse işlemleri için ASPxTreeList kontrolünün client tarafındaki CollapseAll() ve ExpandAll() metodlarını kullanıyoruz. Buttonların onclick eventlarında ilgili metodlar çağırılmaktadır. Butona tıkladığınız zaman sayfanızın postback işlemini yapmamasına dikkat etmeniz gerekmektedir. Eğer sayfa postback işlemini yaparsa tekrar onload çalışacaktır ve expand / collapse işlemi çalışmamış gibi olacaktır. Html kontrolü kullanırsanız type olarak button, runat bir nesne kullanacaksanız postback işlemini disable ettiğinizde ve client-side event çağırdığınız zaman sorun olmacaktır.

Başarılar dilerim.



Yorum Ekle