Back To titik titik titik
Oke setelah sudah membuat designnya selesai saatnya kita beraksi maksudnya gimana sih supaya design itu berfungsi, nah disinilah tugas kita untuk menyelesaikannya..
Let's goooo...
Kan designnya sudah jadi tuh, coba pas pada tampilan Design di klik 2x di salah satu buttonnya, atau bisa juga masih dalam keadaan "Source" pilih label/text/button di klik kanan pilih View Code nanti akan keluar halaman "Contact.aspx.cs" nah disini nanti kita akan buat perintahnya..
oke kita mulai yaaa.. tarik nafas dulu guys.. saya kasih warna merah yg harus di ketik yaa..
using System;
using System.Data;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace CrudContact
{
public partial class Contact : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Page_Load(object sender, EventArgs e)
{
IF (!IsPostBack)
{
btnDelete.Enabled = false;
GrillView(); //panggil GrillView, kodenya ada dibawah, klo belum dibuat dihapus dulu aja biar ga error
}
}
//Kita Buat untuk Button Clear dulu yaaah
protected void btnClear(object sender, EventArgs e)
{
Clear();
}
private void Clear()
{
hvContactID.Value = "";
txtAddress.Text = txtMobile.Text = txtName.Text = "";
lblerror.Text = lblsuccess.Text ="";
btnDelete.Enabled = false;
btnSave.Text = "Save";
}
//Nah sudah kita buat button Clear, bisa kita coba jalankan pilih Browser anda kalau saya pakai google chrome
private void GrillView()
{
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlDataAdapter sqlDa = new SqlDataAdapter("ViewAll", sqlCon); //jika memanggil gunakan SqlDataAdapter untuk mengambil data pada query "ViewAll"
sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure; //untuk panggil letak query pada folder StoredProcedure
DataTable dtbl = new DataTable(); //membuat variabel data tabel
sqlDa.Fill(dtbl);
gvContact.DataSource = dtbl; //untuk mengisi / melihat data pada grid view
gvContact.DataBind();
}
// Kan ada kolom Action View, Nah ini kita panggil Idnya "lnkView_Click" supaya nanti tampil di desaign bisa kita hapus atau update
protected void lnkView_Click(object sender, EventArgs e) //untuk memanggil action view berdasarkan ID
{
int ContactID = Convert.ToInt32((sender as LinkButton).CommandArgument );
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlDataAdapter sqlDa = new SqlDataAdapter("ViewByID", sqlCon);
sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure;
sqlDa.SelectCommand.Parameters.AddWithValue("@ContactID", ContactID);
DataTable dtbl = new DataTable();
sqlDa.Fill(dtbl);
sqlCon.Close();
hvContactID.Value = ContactID.ToString(); //untuk menampilkan pada designn
txtName.Text = dtbl.Rows[0]["Name"].ToString();
txtMobile.Text = dtbl.Rows[0]["Mobile"].ToString();
txtAddress.Text = dtbl.Rows[0]["Address"].ToString();
GrillView();
btnDelete.Enabled = true;
btnSave.Text = "Update";
}
//Terakhir niiih buat button Delete
protected void btnDelete(object sender, EventArgs e)
{
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlCommand sqlCmd = new SqlCommand("DeleteById", sqlCon);
sqlCmd.CommandType = CommandType.StoredProcedure;
sqlCmd.Parameters.AddWithValue("ContactID",Convert.ToInt32(hvContactID.Value));
sqlCmd.ExecuteNonQuery();
sqlCon.Close();
GrillView();
lblsuccess.Text = "Delete Sukses";
Clear();
}
using System.Data;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace CrudContact
{
public partial class Contact : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
//Muncul seperti diatas kaan "Contact.aspx.cs"
//Kita buat Koneksi dulu dengan Mysql Servernya diabawah partial class
public partial class Contact : System.Web.UI.Page
{
SqlConnection sqlCon = new SqlConnection(@"Data Source=(LocalDB)\MSSQLLocalDB;Initial Catalog=CRUD2;Integrated Security=true;"); //Data Source itu kamu simpan database tadi dimana, Catalog nama Databasenya apa
//Lalu Dibawahnya koneksi, itu diisi ini
{
IF (!IsPostBack)
{
btnDelete.Enabled = false;
GrillView(); //panggil GrillView, kodenya ada dibawah, klo belum dibuat dihapus dulu aja biar ga error
}
}
//Kita Buat untuk Button Clear dulu yaaah
protected void btnClear(object sender, EventArgs e)
{
Clear();
}
private void Clear()
{
hvContactID.Value = "";
txtAddress.Text = txtMobile.Text = txtName.Text = "";
lblerror.Text = lblsuccess.Text ="";
btnDelete.Enabled = false;
btnSave.Text = "Save";
}
//Nah sudah kita buat button Clear, bisa kita coba jalankan pilih Browser anda kalau saya pakai google chrome
//Coba di isi textboxnya, jika sudah diisi semua coba klik Button Clear apakah hilang atau tidak, kalau hilang berarti berhasil
//Oke kita lanjut ngoding lagi
// Sekarang kita buat di Button Save
protected void btnSave(object sender, EventArgs e)
{
if (sqlCon.State == ConnectionState.Closed) //untuk panggil variabel koneksi "sqlCon"
sqlCon.Open();
SqlCommand sqlCmd = new SqlCommand("SaveOrUpdate", sqlCon); //untuk panggil query "SaveOrUpdate"
sqlCmd.CommandType = CommandType.StoredProcedure; //untuk panggil letak query pada folder StoredProcedure
sqlCmd.Parameters.AddWithValue("@ContactID", (hvContactID.Value == "" ?:Convert.ToInt32(hvContactID.Value))); //Cara menambahkan Contact ID
sqlCmd.Parameters.AddWithValue("@Name", txtName.Text.Trim()); //Cara menambahkan Name
sqlCmd.Parameters.AddWithValue("@Mobile", txtMobile.Text.Trim()); //Cara menambahkan Mobile
sqlCmd.Parameters.AddWithValue("@Address", txtAddress.Text.Trim()); //Cara menambahkan Address
sqlCmd.ExecuteNonQuery();
sqlCon.Close(); //Koneksi di tutup
string contactId = hvContactID.Value; //Ini fungsinya untuk melihat berdasarkan ID
Clear();
if (contactId=="")
{
lblsuccess.Text = "Save successsfully";
}
else
{
lblsuccess.Text = "Update successsfully";
} GrillView(); //panggil GrillView
}
// Supaya tampil di gridview
{
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlDataAdapter sqlDa = new SqlDataAdapter("ViewAll", sqlCon); //jika memanggil gunakan SqlDataAdapter untuk mengambil data pada query "ViewAll"
sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure; //untuk panggil letak query pada folder StoredProcedure
DataTable dtbl = new DataTable(); //membuat variabel data tabel
sqlDa.Fill(dtbl);
gvContact.DataSource = dtbl; //untuk mengisi / melihat data pada grid view
gvContact.DataBind();
}
// Kan ada kolom Action View, Nah ini kita panggil Idnya "lnkView_Click" supaya nanti tampil di desaign bisa kita hapus atau update
protected void lnkView_Click(object sender, EventArgs e) //untuk memanggil action view berdasarkan ID
{
int ContactID = Convert.ToInt32((sender as LinkButton).CommandArgument );
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlDataAdapter sqlDa = new SqlDataAdapter("ViewByID", sqlCon);
sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure;
sqlDa.SelectCommand.Parameters.AddWithValue("@ContactID", ContactID);
DataTable dtbl = new DataTable();
sqlDa.Fill(dtbl);
sqlCon.Close();
hvContactID.Value = ContactID.ToString(); //untuk menampilkan pada designn
txtName.Text = dtbl.Rows[0]["Name"].ToString();
txtMobile.Text = dtbl.Rows[0]["Mobile"].ToString();
txtAddress.Text = dtbl.Rows[0]["Address"].ToString();
GrillView();
btnDelete.Enabled = true;
btnSave.Text = "Update";
}
//Terakhir niiih buat button Delete
protected void btnDelete(object sender, EventArgs e)
{
if (sqlCon.State == ConnectionState.Closed)
sqlCon.Open();
SqlCommand sqlCmd = new SqlCommand("DeleteById", sqlCon);
sqlCmd.CommandType = CommandType.StoredProcedure;
sqlCmd.Parameters.AddWithValue("ContactID",Convert.ToInt32(hvContactID.Value));
sqlCmd.ExecuteNonQuery();
sqlCon.Close();
GrillView();
lblsuccess.Text = "Delete Sukses";
Clear();
}
}
}
//....................Silahkan coba di run, semoga berhasil yaaa...
}
//....................Silahkan coba di run, semoga berhasil yaaa...
Selesai daaah..
Semoga bermanfaat..
Sampai jumpa di tutorial selanjutnyaa...
Wassalamualaikum..
Semoga bermanfaat..
Sampai jumpa di tutorial selanjutnyaa...
Wassalamualaikum..
