As3 DataGrid Kullanım Kodları

DataGrid Örnek Swf:

DataGrid kullanımı

Action Script 3 ile DataGrid (DG) kullanımı için gerekli olan component ve içerik kodlarımızdır. Yukarıdaki şekilde tablo gösterimi için aşağıdaki adımları izlemeniz yeterlidir.

Öncelikle Components (Ctrl+F7) Bölümünden Bir Datagrid sahnemize sürüklüyoruz ve instanceName 'i dg olarak belirliyoruz. Ardından aşağıdaki kodları sahnemize yerleştiriyoruz.

import fl.controls.DataGrid;
import fl.controls.ScrollPolicy;
import fl.data.DataProvider;

var dp:DataProvider = new DataProvider();

dg.setSize(300, 300);
dg.columns = ["İçecek", "Fiyat", "Stok"];
dg.dataProvider = dp;

dp.addItem({İçecek:"Cola",Fiyat:"1 TL",Stok:"350"});
dp.addItem({İçecek:"Cola1",Fiyat:"1.1 TL",Stok:"360"});
dp.addItem({İçecek:"Cola2",Fiyat:"1.2 TL",Stok:"250"});
dp.addItem({İçecek:"Cola3",Fiyat:"1.3 TL",Stok:"850"});
dp.addItem({İçecek:"Cola4",Fiyat:"1.4 TL",Stok:"320"});
dp.addItem({İçecek:"Cola5",Fiyat:"1.9 TL",Stok:"350"});
dp.addItem({İçecek:"Cola6",Fiyat:"1.1 TL",Stok:"360"});
dp.addItem({İçecek:"Cola7",Fiyat:"12 TL",Stok:"250"});
dp.addItem({İçecek:"Cola9",Fiyat:"13 TL",Stok:"850"});
dp.addItem({İçecek:"Cola8",Fiyat:"14 TL",Stok:"320"});
dp.addItem({İçecek:"Cola12",Fiyat:"10 TL",Stok:"350"});
dp.addItem({İçecek:"Cola10",Fiyat:"11 TL",Stok:"360"});
dp.addItem({İçecek:"Cola11",Fiyat:"12 TL",Stok:"250"});
dp.addItem({İçecek:"Cola13",Fiyat:"13 TL",Stok:"850"});
dp.addItem({İçecek:"Cola14",Fiyat:"14 TL",Stok:"320"});
dp.addItem({İçecek:"Cola15",Fiyat:"10 TL",Stok:"350"});
dp.addItem({İçecek:"Cola22",Fiyat:"11 TL",Stok:"360"});
dp.addItem({İçecek:"Cola33",Fiyat:"12 TL",Stok:"250"});
dp.addItem({İçecek:"Cola44",Fiyat:"13 TL",Stok:"850"});
dp.addItem({İçecek:"Cola50",Fiyat:"14 TL",Stok:"320"});

Üstteki örnek için FLA Dosyası Cs 5.5:

As3 Datagrid ekleme kaldırma düzenleme güncelleme çoklu seçim

Yukarıdaki örneğimiz basit işlemler için geçerli listeleme fonksiyonundan oluşmaktaydı. Aşağıda özelliklerini test edebileceğiniz örnek ise daha kapsamlı DG düzenleme seçim silme istenilen bölümü editlemede kullanabileceğiniz kodlardan oluşmuş örnektir.

Row Double Click: Çift tıklayarak ayrı yapılmış düzenleme bölümü açılmasını sağlayarak satırdaki bölümler için güncelleme konsolu oluşturmuş oluyoruz. AŞAĞIDAKİ ÖRNEKTE ÇİFT TIKLAMA KULLANINIZ.

DataGrid özellik kodları:

import fl.controls.DataGrid;
import fl.controls.ScrollPolicy;
import fl.data.DataProvider;
import fl.events.ListEvent;

dg.setSize(300, 145);
dg.columns = ["ID","İçecek","Fiyat","Stok"];
dg.columns[0].visible = false;
dg.columns[1].width = 130;
dg.dataProvider = dp;

dp.addItem({ID:"1",İçecek:"İçecek1",Fiyat:"1",Stok:"350"});
dp.addItem({ID:"2",İçecek:"İçecek2",Fiyat:"1.1",Stok:"360"});
dp.addItem({ID:"3",İçecek:"İçecek3",Fiyat:"1.2",Stok:"250"});
dp.addItem({ID:"4",İçecek:"İçecek4",Fiyat:"1.3",Stok:"850"});
dp.addItem({ID:"5",İçecek:"İçecek5",Fiyat:"1.4",Stok:"320"});
dp.addItem({ID:"6",İçecek:"İçecek6",Fiyat:"1.9",Stok:"350"});
dp.addItem({ID:"7",İçecek:"İçecek7",Fiyat:"1.6",Stok:"360"});
dp.addItem({ID:"8",İçecek:"İçecek8",Fiyat:"1.5",Stok:"250"});
dp.addItem({ID:"9",İçecek:"İçecek9",Fiyat:"0.5",Stok:"850"});

// Multi Select Processing --------- Bu bölüm sadece çoklu seçim kullanacaklar için yazılmıştır çalışan örnekte kullanılmamıştır.
dg.addEventListener(Event.CHANGE , selectedHandler);
function selectedHandler(e:Event):void
{
 for (var i:int=0; i {
  var o:Object = e.target.selectedItems[i];
  //drinkName.text=o.İçecek;
  //drinkPrice.text=o.Fiyat;
  //drinkStock.text=o.Stok;
 }
}

// Edit and Delete Processing
var dgSelectedIndex:Number;
var dgSelectedID:Number;
editMc.visible = false;
editMc.drinkPrice.restrict = "0123456789.";// Char limit
editMc.drinkStock.restrict = "0123456789";
dg.addEventListener(ListEvent.ITEM_DOUBLE_CLICK , selectedEditHandler);
function selectedEditHandler(e:ListEvent):void
{
 editMc.visible = true;
 dgSelectedIndex = e.index;
 var o:Object = e.target.selectedItem;
 dgSelectedID = o.ID;
 editMc.drinkName.text = o.İçecek;
 editMc.drinkPrice.text = o.Fiyat;
 editMc.drinkStock.text = o.Stok;
}

editMc.drinkUpdate.addEventListener(MouseEvent.CLICK , drinkUpdateHandler);
function drinkUpdateHandler(e:MouseEvent):void
{
 editMc.visible = false;
 dg.getItemAt(dgSelectedIndex)["İçecek"] = editMc.drinkName.text;
 dg.getItemAt(dgSelectedIndex)["Fiyat"] = editMc.drinkPrice.text;
 dg.getItemAt(dgSelectedIndex)["Stok"] = editMc.drinkStock.text;
 dg.invalidate();// list refresh
 feedback(dgSelectedID+" Güncellendi");
}

editMc.drinkDelete.addEventListener(MouseEvent.CLICK , drinkDeleteHandler);
function drinkDeleteHandler(e:MouseEvent):void
{
 dg.removeItemAt(dgSelectedIndex);
 editMc.visible = false;
 feedback(dgSelectedID+" Silindi");
}

editMc.drinkCancel.addEventListener(MouseEvent.CLICK , drinkCancelHandler);
function drinkCancelHandler(e:MouseEvent):void
{
 editMc.visible = false;
 feedback(dgSelectedID+" Vazgeçildi");
}

// Out Text info
function feedback(e:String)
{
 outputTxt.text = e;
}

FLA Dosyası Cs 5.5:

Flash As3 Datagrid Silme, Ekleme, Düzenleme, Güncelleme, Sıralama kodları için vermiş olduğum bu örnekte DB entegreli bir sistem için kodlamıştım. Veri tabanından ID alarak burada yappılan her işlemi DB de kayıt imaknınız da var sadece feedback(dgSelectedID+" Güncellendi"); Fonksiyonu gibi alt satıra db yaz fonksiyonu kullanacaksınız.

Birçok kod kütüphanesi flex üzerine yayınlanıyor buradaki kodlar hepsi Flash kütüphanesinde sorunsuz çalışan kodlardır.

Kodlar tamamen bendeniz "isa şahintürk" e aittir sorularınızı mail ile sorabilirsiniz.

Konu (125) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk