Edit Data Mysql dengan Datagrid di Flash

kali ini saya akan gunakan sebuah input text untuk mengupdate sebuah datagrid di flash.

Baik kita mulai projectnya, seperti biasa langkah pertama buatlah database berikut:

CREATE DATABASE `latihan`;
USE `latihan`;

CREATE TABLE IF NOT EXISTS `datagrid` (
`no` int(11) NOT NULL,
`nama` varchar(50) NOT NULL,
`asal` varchar(30) NOT NULL
);
–
– Dumping data for table `datagrid`
–

INSERT INTO `datagrid` (`no`, `nama`, `asal`) VALUES
(1, ‘Angga’, ‘Yogyakarta’);
INSERT INTO `datagrid` (`no`, `nama`, `asal`) VALUES
(2, ‘Fauzi’, ‘Bandung’);
INSERT INTO `datagrid` (`no`, `nama`, `asal`) VALUES
(3, ‘Basilludin’, ‘Bantul’);

1. Penempatan Objek dalam Flash

letakkan objek-objek pada frame berwarna hitam:

penempatan

1. Datagrid dengan instance “dg”.

2. Dynamic text dengan instance “no”.

3. Input text dengan instance “nama”.

4. Input text dengan instance “Asal”.

5. Movie Clip dengan instance “update”.

2.Pemberian Actionscript 2

stop();
var lv = new LoadVars();
var lv_update = new LoadVars();
var input:Array = new Array();
function tampil_data(){
lv.onLoad=function(){
var nama:Array = lv.nama.split(“,”);
var asal:Array = lv.asal.split(“,”);
var j=1;
for(var i=0;i<5;i++){
input.addItem({no:j,nama:nama[i],asal:asal[i]});
j++;
}
dg.dataProvider=input;
}
lv.load(“http://localhost/projek/read_DG.php”);
}
tampil_data();
var myListener = new Object();
myListener.cellPress = function(event) {
no.text = event.target.selectedItem['no'];
nama.text = event.target.selectedItem['nama'];
asal.text = event.target.selectedItem['asal'];
};
dg.addEventListener(“cellPress”, myListener);
update.onRelease=function(){
lv_update.no=no.text;
lv_update.nama=nama.text;
lv_update.asal=asal.text;
lv_update.sendAndLoad(“http://localhost/projek/update_datagrid.php”,lv_update,post);
play();
}

3.Pembuatan skrip read_DG.php, yang digunakan menampilkan data mysql ke datagrid
mysql_connect(“localhost”,”root”,”");
$tabel=”datagrid”;
mysql_select_db(“latihan”);
$data1=mysql_query(“select * from $tabel”);
$data2=mysql_query(“select * from $tabel”);
function tampil_data($resource,$fld){
echo “&”.$fld.”=”;
while($list=mysql_fetch_array($resource)){
echo $list[$fld].”,”;
}
}
tampil_data($data1,’nama’);
tampil_data($data2,’asal’);
?>

4.Pembuatan update_datagrid.php, yang digunakan mengirim data yang telah diupdate ke Mysql
$no=$_POST['no'];
$nama=$_POST['nama'];
$asal=$_POST['asal'];
mysql_connect(“localhost”,”root”,”");
mysql_select_db(“latihan”);
mysql_query(“update datagrid set nama=’$nama’,asal=’$asal’ where no=$no”);
if($update){
echo “&status=ok”;
}
?>

5.Langkah Terakhir,

letakkan script read_DG.php & update_datagrid.php di alamat http://localhost/projek/… pada folder xampp/htdocs atau www di server anda.

sehingga alamat kedua skrip tersebut adalah


http://localhost/projek/read_DG.php


http://localhost/projek/update_datagrid.php

Silahkan test hasil projek anda dengan Ctrl+Enter(Test movie) pada file flash.

Demikian projek ini, semoga bermanfaat. Hasil Projek selengkapnya ada disini:

download contohnya: