DevExtreme ile Buton Nesnesi (dxButton)

0
Want create site? Find Free WordPress Themes and plugins.

Herkese merhaba.

Bu yazıda sizelere Devextreme ile buton nesnesinin nasıl kullanıldığını anlatacağım. Kullanımına basit örnek vereceğim ve en son olarakta devexpress sitesinden örnekleri inceleyeceğiz.

Şimdi ilk olarak dxButton nesnesinin ne iş yaptığını açıklayalım kısaca: Buton nesnesi hepimizin bildiği üzere bütün programların vazgeçilmez nesnesidir. Kendisine tıkladığımızda bizim tanımladığımız fonksiyonu çalıştıran nesnedir. Örnek olarak başka bir sayfa açma işlemin yapar.

Şimdi isterseniz dxButton Nesnesinin özelliklerine beraber bakalım:

accessKey Özelliği:

Bir tuşa veya biryere basıldığında nuton nesnesinin seçilmesini sağlayan özelliğimizdir. Teknik olarak focus işlemini yaptıran özelliktir.

disabled Özelliği:

Bu özellik ile butonumuza tıkladığımızda işlem yapsınmı yapmasınmı diye ayarlamış oluyoruz. Yani butona tıkladığımızda çalışmamasını istiyorsan true olarak ayarlayacağız.

focusStateEnabled Özelliği:

Butonumuza focus olabilme özelliğidir. True veya false ile durumunu ayarlarız.

height Özelliği:

Nesnemizin yüksekliğini ayarlayan özelliktir.

İstersek sayısal istersekte string şekilde girebiliriz.

CSS özelliği olduğu için CSS şeklinde değerler girebiliriz. Örn : 35%, 54px, 102 şeklinde girişler yapabiliriz.

icon Özelliği:

Butonumuza icon ayarlamamızı sağlar. Yalnız burdaki icon nesnemiz built-in olarak geken iconlar olmalıdır. Yani direk resim değilde css kodlarıyla oluşturulmuş olan iconları burada kullanabiliyoruz.Buraya değer girerken string şekilde değerler girebiliyoruz. Geçerli olan değeri nulldur. yani biricon tanımlı değildir.

onClick Özelliği:

Butonumuza tıklandığında çalışacak olan fonksiyonu ayarlıyoruz.

 Burda istersek dxview altındada string olarak java script kodlarımızı yazabiliriz. İstersekte .js dosyamızda kodlarımızı fonksiyon olarak tanımlarız ve burada çağırabiliriz. Bu şekilde butonumuza tıklandığında yapılacak işlemi hazırlamış olabiliriz.
Ayrıca burada JQUery kütüphanelerinide çağırıp işlemler yaptırabiliriz.
Zaten DevExtreme JQuery üzerine kurulmuş bir sistemdir. Bütün işlemler JQuery kütüphaneleri ile yürütülür.

onDisposing Özelliği:

Burası ise butonun dispose olduğu zaman çalışacak fonksiyonu belirtir. Burasıda click ile aynı özelliklere sahiptir.

onInitialized Özelliği:

Bu nesne ekrana basıldığında çalışacak olan fonksiyonu barındırır.

rtlEnabled Özelliği:

Bu özellik ile nesnemizin sağdan sola ekranı tamamen kaplamasını ayarlıyoruz. Nesne eğer destekliyorsa bu özellik  çalışır.

tabIndex Özelliği:

Nesnemize bir tab atıyoruz. Telefonlarda çok kullanılamayabilir ama Devextremenin web desteğinde çalışan bir özelliktir.

text Özelliği:

Buton üzerinde gösterilecek olan yazıyı ayarlarız. Yazı olduğu için string şekilde değerler girmemiz gerekmektedir.

type Özelliği:

Butonun nasıl görüntüleneceğini ayarlıyoruz. Bu özellik built-in olarak gelen özellikleri barındıran bir özelliktir.

Girilebilecek olan değerler :

normal : Geçerli olan durumdur. Yani forma sürükle bırak yaptığımızda görünecek olan butondur.

default: Normal buton görünümüdür.

back : Ayarladığımızda klasik geri butonunu meydana getiren özelliktir.

danger : Kırmızı renkli olan ve Danger temalı butonun stillerini yükler

success : Yeşil renkli olan ve Başarılı temasını butonumuza yükler.

validationGroup Özelliği:

Formda bazı şeylerin tamamlanmadan işlem yapılmamasını isteriz. Örn. adınızı girmeden giriş yapamazsınız gibi. Bu tarz kontrolleri bu sayede yapabiliyoruz. Butonun hangi validasyonu yapması gerektiğini bilmesi gerekmektedir. Bunları şimdi kullanmasakta ileride çok işimize yarayacak bir özelliktir.

visible Özelliği:

Butonumuzun görünürlüğünü ayarlar. True olduğunda buton görünür false olduğunda ise görünmez.Mecburiyetten geçerli olan ayar true’dur.

width Özelliği:

Butonumuzun genişliğini ayarlayan  özelliktir.

CSS özelliği olduğu için CSS şeklinde değerler girebiliriz. Örn : 35%, 54px, 102 şeklinde girişler yapabiliriz
Did you find apk for android? You can find new Free Android Games and apps.
0%
0%
Share.

About Author

Ben Kocaeli üniversitesi Uçak Elektrik Elektronik Bölümü Okuyorum. Bununla Birlikte 9 Yıldır yazılımcılık Yapıyorum. 12 Farklı Dilde ve 6 Farklı Platformda Profesyonel Yazılımlar Geliştirebiliyorum. Yazılım Benim için Hobi Değil Yasaşm Tarzıdır. Bu işten Para Kazanmak Değil Zevk Almak İçin Yapıyorum. Bu yüzden yazılım dünyasından ayrılmak istemiyorum.

Leave A Reply