Sisipkan, Perbarui, Hapus: Koneksi Basis Data ASP.NET

Mengakses data dari basis data merupakan aspek penting dari setiap bahasa pemrograman. Kemampuan untuk bekerja dengan basis data sangat diperlukan dalam setiap bahasa pemrograman.

ASP.NET memiliki kemampuan untuk bekerja dengan berbagai jenis basis data. Ia dapat bekerja dengan basis data yang paling umum seperti... Oracle ke Microsoft SQL Server.

Ia juga memiliki kemampuan untuk bekerja dengan bentuk database baru seperti MongoDB ke MySQL.

Dasar-Dasar Konektivitas Basis Data

ASP.NET memiliki kemampuan untuk bekerja dengan sebagian besar basis data, yang paling umum adalah Oracle ke Microsoft SQL Server. Namun pada setiap database, logika di balik bekerja dengan semuanya sebagian besar sama.

Dalam contoh kita, kita akan melihat cara bekerja dengan Microsoft SQL Server sebagai basis data kami. Untuk tujuan pembelajaran, seseorang dapat mengunduh dan menggunakan Microsoft SQL Server Edisi Ekspres. Ini adalah perangkat lunak basis data gratis yang disediakan oleh Microsoft.

Saat bekerja dengan basis data, konsep-konsep berikut berlaku umum di semua basis data:

1. Koneksi – Untuk bekerja dengan data dalam database, langkah pertama yang jelas adalah koneksi. Koneksi ke database biasanya terdiri dari parameter yang disebutkan di bawah.
   1. Nama database atau Sumber Data – Parameter penting pertama adalah nama database. Setiap koneksi hanya dapat bekerja dengan satu database dalam satu waktu.
   2. Surat kepercayaan – Aspek penting selanjutnya adalah nama pengguna dan kata sandi. Ini digunakan untuk membuat koneksi ke basis data.
   3. Parameter opsional – Anda dapat menentukan parameter opsional tentang bagaimana .NET harus menangani koneksi ke basis data. Misalnya, Anda dapat menentukan parameter untuk berapa lama koneksi harus tetap aktif.
2. Memilih data dari database – Setelah koneksi terjalin, data diambil dari basis data. ASP.NET memiliki kemampuan untuk mengeksekusi perintah SQL select terhadap basis data. Pernyataan SQL dapat digunakan untuk mengambil data dari tabel tertentu dalam basis data.
3. Memasukkan data ke dalam database – ASP.NET digunakan untuk memasukkan data ke dalam basis data. Nilai untuk setiap baris yang perlu dimasukkan ke dalam basis data ditentukan di ASP.NET.
4. Memperbarui data ke dalam database – ASP.NET juga dapat digunakan untuk memperbarui data yang sudah ada di dalam basis data. Nilai baru dapat ditentukan di ASP.NET untuk setiap baris yang perlu diperbarui di dalam basis data.
5. Menghapus data dari database – ASP.NET juga dapat digunakan untuk menghapus data dari basis data. Kode tersebut ditulis untuk menghapus baris tertentu dari basis data.

Setelah kita melihat bagian teori dari setiap operasi, mari kita lihat bagaimana cara melakukan operasi basis data di ASP.NET.

Koneksi Basis Data ASP.NET

Sekarang mari kita lihat kode yang perlu disiapkan untuk membuat koneksi ke basis data. Dalam contoh kita, kita akan terhubung ke basis data yang bernama Demodb. Kredensial yang digunakan untuk terhubung ke basis data diberikan di bawah ini:

• Nama pengguna – sa
• Kata sandi – demo123

Mari kita mulai bekerja dengan aplikasi web yang telah kita buat di bagian sebelumnya.

• Mulai tambahkan operasi database ke dalamnya.
• Contoh kita membahas cara membuat koneksi sederhana. Koneksi ini dibuat ke basis data Demodb. Ini dilakukan saat halaman pertama kali diluncurkan.
• Ketika koneksi dibuat, sebuah pesan akan dikirim ke pengguna. Pesan tersebut akan menunjukkan bahwa koneksi telah dibuat.

Mari kita ikuti langkah-langkah yang disebutkan di bawah ini untuk mencapai hal tersebut.

Langkah 1) Pertama-tama, pastikan Anda telah membuka aplikasi web Anda (DemoApplication) di Visual Studio. Double-Klik file demo.aspx.cs untuk memasukkan kode koneksi basis data.

Langkah 2) Tambahkan kode di bawah ini yang akan digunakan untuk membuat koneksi ke database.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string connectionString;
            SqlConnection cnn;

            connectionString = @"Data Source=WIN-50GP30FGO75;Initial Catalog=Demodb;User ID=sa;Password=demo123";

            cnn = new SqlConnection(connectionString);

            cnn.Open();

            Response.Write("Connection Made");
            cnn.Close();
        }
    }
}

Code Penjelasan:-

1. Langkah pertama adalah membuat variabel. Variabel ini akan digunakan untuk membuat string koneksi dan koneksi ke database SQL Server.
2. Langkah selanjutnya adalah membuat string koneksi. String koneksi terdiri dari bagian-bagian berikut:
   • Sumber Data – Ini adalah nama server tempat basis data berada. Dalam kasus kami, basis data tersebut berada di mesin bernama WIN-50GP30FGO75.
   • Katalog Awal digunakan untuk menentukan nama basis data.
   • ID Pengguna dan Kata Sandi adalah kredensial yang diperlukan untuk terhubung ke basis data.
3. Selanjutnya, kita menetapkan string koneksi ke variabel cnn.
   • Variabel cnn bertipe SqlConnection. Ini digunakan untuk membuat koneksi ke database.
   • SqlConnection adalah sebuah kelas di ASP.NET yang digunakan untuk membuat koneksi ke sebuah database.
   • Untuk menggunakan kelas ini, Anda harus terlebih dahulu membuat objek dari kelas ini. Oleh karena itu, di sini kita membuat variabel bernama cnn yang bertipe SqlConnection.
4. Selanjutnya, kita menggunakan metode Open dari variabel cnn untuk membuka koneksi ke basis data. Kita menampilkan pesan kepada pengguna bahwa koneksi telah ter建立. Hal ini dilakukan melalui metode Response.Write. Kemudian kita menutup koneksi ke basis data.

Ketika kode di atas diatur dan proyek dijalankan menggunakan Visual StudioAnda akan mendapatkan output di bawah ini. Setelah formulir ditampilkan, klik tombol Hubungkan.

Keluaran:-

Pesan keluaran yang ditampilkan di peramban akan memperlihatkan bahwa koneksi ke basis data telah dibuat.

Basis Data Baca ASP.NET menggunakan SqlDataReader

Untuk menunjukkan data yang diakses menggunakan ASP.NET, mari kita asumsikan artefak berikut ada di dalam basis data kita.

1. Sebuah tabel bernama demotb. Tabel ini akan digunakan untuk menyimpan ID dan nama berbagai tutorial.
2. Tabel tersebut akan memiliki dua kolom, satu bernama TutorialID dan yang lainnya bernama TutorialName.
3. Untuk saat ini, tabel akan memiliki dua baris seperti yang ditunjukkan di bawah ini.

Mari kita ubah kodenya agar kita dapat mengambil data ini dan menampilkan informasinya di halaman web itu sendiri. Perhatikan bahwa kode yang dimasukkan merupakan kelanjutan dari kode yang ditulis untuk modul koneksi data.

Langkah 1) Mari kita bagi kode tersebut menjadi dua bagian:

• Bagian pertama adalah menyusun pernyataan SELECT kita. Pernyataan ini akan digunakan untuk membaca data dari basis data.
• Selanjutnya, kita akan menjalankan pernyataan SELECT terhadap basis data. Ini akan mengambil semua baris tabel yang diperlukan.

Code Penjelasan:-

1. Langkah pertama adalah membuat variabel-variabel berikut:
   • SqlCommand – SqlCommand adalah kelas yang didefinisikan dalam C#. Kelas ini digunakan untuk melakukan operasi membaca dan menulis ke dalam basis data.
   • Objek DataReader digunakan untuk mendapatkan semua data yang ditentukan oleh query SQL. Kita kemudian dapat membaca semua baris tabel satu per satu menggunakan pembaca data.
   • Selanjutnya, kita mendefinisikan dua variabel string. Yang pertama adalah `sql` untuk menyimpan string perintah SQL kita. Yang kedua adalah `Output` yang akan berisi semua nilai tabel.
2. Langkah selanjutnya adalah mendefinisikan pernyataan SQL. Dalam kasus kita, pernyataannya adalah “Select TutorialID, TutorialName from demotb”. Pernyataan ini akan mengambil semua baris dari tabel demotb.
3. Selanjutnya, kita membuat objek perintah yang digunakan untuk mengeksekusi pernyataan SQL terhadap database. Dalam perintah SQL, Anda harus meneruskan objek koneksi dan string SQL.
4. Selanjutnya, kita menjalankan perintah data reader, yang akan mengambil semua baris dari tabel demotb.
5. Sekarang setelah kita memiliki semua baris tabel, kita membutuhkan mekanisme untuk mengakses baris-baris tersebut satu per satu.
   • Untuk itu, kita menggunakan pernyataan while untuk mengakses baris dari data reader satu per satu.
   • Selanjutnya, kita menggunakan metode GetValue untuk mendapatkan nilai TutorialID dan TutorialName.

Langkah 2) Pada langkah terakhir, kita menampilkan output kepada pengguna. Kemudian kita menutup semua objek yang terkait dengan operasi basis data.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataReader dataReader;
            String sql, Output = " ";
            sql = "Select TutorialID,TutorialName from demotb";

            command = new SqlCommand(sql, cnn);

            dataReader = command.ExecuteReader();
            while (dataReader.Read())
            {
                Output = Output + dataReader.GetValue(0) + "-" + dataReader.GetValue(1) + "</br>";
            }

            Response.Write(Output);
            dataReader.Close();
            command.Dispose();
            cnn.Close();
        }
    }
}

Code Penjelasan:-

1. Kita melanjutkan kode kita dengan menampilkan nilai variabel Output. Ini dilakukan menggunakan metode Response.Write.
2. Terakhir, kita menutup semua objek yang terkait dengan operasi basis data kita. Ingat, ini selalu merupakan praktik yang baik.

Saat kode di atas diatur dan proyek dijalankan menggunakan Visual Studio, Anda akan mendapatkan output seperti di bawah ini.

Keluaran:-

Dari output, Anda dapat melihat dengan jelas bahwa program tersebut mampu memperoleh nilai dari database. Data tersebut kemudian ditampilkan di browser kepada pengguna.

Masukkan Catatan Basis Data menggunakan InsertCommand

Sama seperti mengakses data, ASP.NET juga memiliki kemampuan untuk memasukkan data ke dalam basis data. Mari kita gunakan struktur tabel yang sama yang digunakan untuk memasukkan data.

Mari kita ubah kode di formulir kita agar kita dapat memasukkan baris berikut ke dalam tabel:

Langkah 1) Sebagai langkah pertama, mari kita tambahkan kode berikut ke program kita. Cuplikan kode di bawah ini akan digunakan untuk memasukkan data ke dalam basis data kita.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataAdapter adapter = new SqlDataAdapter();
            String sql = "";

            sql = "Insert into demotb(TutorialID,TutorialName) values(3,'VB.Net')";

            command = new SqlCommand(sql, cnn);
            adapter.InsertCommand = new SqlCommand(sql, cnn);
            adapter.InsertCommand.ExecuteNonQuery();

            command.Dispose();
            cnn.Close();
        }
    }
}

Code Penjelasan:-

1. Langkah pertama adalah membuat variabel-variabel berikut:
   • SqlCommand – Tipe data ini digunakan untuk mendefinisikan objek yang melakukan operasi SQL terhadap basis data. Objek ini akan menyimpan perintah SQL yang akan dijalankan terhadap basis data SQL Server kita.
   • Objek DataAdapter digunakan untuk menjalankan perintah SQL insert, delete, dan update.
   • Kemudian kita mendefinisikan variabel string, yaitu sql, untuk menyimpan string perintah SQL kita.
2. Langkah selanjutnya adalah mendefinisikan pernyataan SQL. Dalam kasus kita, kita mengeluarkan pernyataan insert. Ini akan memasukkan catatan TutorialID=3 dan TutorialName=VB.Net.
3. Selanjutnya, kita membuat objek perintah yang digunakan untuk mengeksekusi pernyataan SQL terhadap database. Dalam perintah SQL, Anda harus meneruskan objek koneksi dan string SQL.
4. Dalam perintah adaptor data kita:
   • Kaitkan perintah sisipkan SQL ke adaptor.
   • Kemudian, panggil metode ExecuteNonQuery. Metode ini digunakan untuk mengeksekusi pernyataan insert terhadap database kita.
   • Metode ExecuteNonQuery digunakan dalam C# untuk mengeluarkan pernyataan DML apa pun (operasi penyisipan, penghapusan, dan pembaruan) terhadap basis data.
5. Terakhir, kita menutup semua objek yang terkait dengan operasi basis data kita. Ingat, ini selalu merupakan praktik yang baik.

Langkah 2) Sebagai langkah kedua, mari kita tambahkan kode yang sama seperti pada bagian mengakses data. Ini untuk menampilkan data tabel terbaru di browser. Untuk itu, kita akan menambahkan kode di bawah ini ke file demo.aspx.cs.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataReader dataReader;
            String sql, Output = " ";
            sql = "Select TutorialID,TutorialName from demotb";

            command = new SqlCommand(sql, cnn);

            dataReader = command.ExecuteReader();
            while (dataReader.Read())
            {
                Output = Output + dataReader.GetValue(0) + "-" + dataReader.GetValue(1) + "</br>";
            }

            Response.Write(Output);
            dataReader.Close();
            command.Dispose();
            cnn.Close();
        }
    }
}

Saat kode di atas diatur dan proyek dijalankan di Visual Studio, Anda akan mendapatkan output seperti di bawah ini.

Keluaran:-

Di jendela browser, Anda akan melihat bahwa baris tersebut berhasil dimasukkan ke dalam basis data.

Perbarui Catatan Basis Data menggunakan UpdateCommand

ASP.NET memiliki kemampuan untuk memperbarui data yang sudah ada dalam basis data. Mari kita gunakan struktur tabel yang sama seperti contoh di atas untuk memasukkan data.

Mari kita ubah kode di formulir kita agar kita dapat memperbarui baris berikut. Nilai baris lama adalah TutorialID sebesar 3 dan TutorialName sebagai VB.Net, yang akan kita perbarui menjadi “VB.Net Complete” sementara nilai baris untuk TutorialID akan tetap sama.

Baris lama

Baris baru

Langkah 1) Sebagai langkah pertama, mari kita tambahkan kode berikut ke program kita. Cuplikan kode di bawah ini akan digunakan untuk memperbarui catatan yang sudah ada di basis data kita.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataAdapter adapter = new SqlDataAdapter();
            String sql = "";

            sql = "Update demotb set TutorialName='VB.Net Complete' where TutorialID=3";

            command = new SqlCommand(sql, cnn);
            adapter.InsertCommand = new SqlCommand(sql, cnn);
            adapter.InsertCommand.ExecuteNonQuery();

            command.Dispose();
            cnn.Close();
        }
    }
}

Code Penjelasan:-

1. Langkah pertama adalah membuat variabel-variabel berikut:
   • SqlCommand – Tipe data ini digunakan untuk mendefinisikan objek untuk melakukan operasi SQL terhadap basis data. Objek ini akan menyimpan perintah SQL yang akan dijalankan terhadap basis data SQL Server kita.
   • Objek DataAdapter digunakan untuk menjalankan perintah SQL insert, delete, dan update.
   • Kemudian kita mendefinisikan variabel string, yaitu sql, untuk menyimpan string perintah SQL kita.
2. Langkah selanjutnya adalah mendefinisikan pernyataan SQL. Dalam kasus kita, kita mengeluarkan pernyataan pembaruan. Ini akan memperbarui TutorialName menjadi “VB.Net Complete”. TutorialID akan tetap tidak berubah, dan nilainya akan tetap 3.
3. Selanjutnya, kita membuat objek perintah. Objek ini digunakan untuk mengeksekusi pernyataan SQL terhadap basis data. Dalam perintah SQL, Anda memberikan objek koneksi dan string SQL.
4. Dalam perintah data adapter kita, kita mengaitkan perintah SQL ke adapter kita. Kemudian kita mengeluarkan metode ExecuteNonQuery. Ini digunakan untuk mengeksekusi pernyataan pembaruan terhadap basis data kita.
5. Terakhir, kita menutup semua objek yang terkait dengan operasi basis data kita. Ingat, ini selalu merupakan praktik yang baik.

Langkah 2) Sebagai langkah kedua, mari kita tambahkan kode yang sama seperti pada bagian mengakses data. Ini untuk menampilkan data tabel terbaru di browser. Untuk itu, kita akan menambahkan kode di bawah ini.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataReader dataReader;
            String sql, Output = " ";
            sql = "Select TutorialID,TutorialName from demotb";

            command = new SqlCommand(sql, cnn);

            dataReader = command.ExecuteReader();
            while (dataReader.Read())
            {
                Output = Output + dataReader.GetValue(0) + "-" + dataReader.GetValue(1) + "</br>";
            }

            Response.Write(Output);
            dataReader.Close();
            command.Dispose();
            cnn.Close();
        }
    }
}

Saat kode di atas diatur dan proyek dijalankan menggunakan Visual Studio, Anda akan mendapatkan output seperti di bawah ini.

Keluaran:-

Di jendela browser, Anda akan melihat bahwa baris tersebut berhasil diperbarui di basis data.

Hapus Catatan Basis Data menggunakan DeleteCommand

ASP.NET dapat menghapus data yang sudah ada dari sebuah basis data. Mari kita gunakan struktur tabel yang sama seperti contoh di atas untuk menghapus data.

Mari kita ubah kode di formulir kita agar kita dapat menghapus baris berikut:

Langkah 1) Sebagai langkah pertama, mari kita tambahkan kode berikut ke program kita. Cuplikan kode di bawah ini akan digunakan untuk menghapus data yang sudah ada di basis data kita.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataAdapter adapter = new SqlDataAdapter();
            String sql = "";

            sql = "Delete demotb where TutorialID=3";

            command = new SqlCommand(sql, cnn);
            adapter.DeleteCommand = new SqlCommand(sql, cnn);
            adapter.DeleteCommand.ExecuteNonQuery();

            command.Dispose();
            cnn.Close();
        }
    }
}

Code Penjelasan:-

1. Perbedaan utama dalam kode ini adalah kita sekarang mengeluarkan pernyataan SQL delete. Pernyataan delete digunakan untuk menghapus baris dalam tabel demotb di mana TutorialID memiliki nilai 3.
2. Dalam perintah data adapter kita, kita mengaitkan perintah SQL delete ke adapter kita. Kita juga mengeluarkan metode ExecuteNonQuery yang digunakan untuk mengeksekusi pernyataan delete terhadap database kita.

Langkah 2) Sebagai langkah kedua, mari kita tambahkan kode yang sama seperti pada bagian mengakses data. Ini untuk menampilkan data tabel terbaru di browser. Untuk itu, kita akan menambahkan kode di bawah ini.

namespace DemoApplication
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SqlCommand command;
            SqlDataReader dataReader;
            String sql, Output = " ";
            sql = "Select TutorialID,TutorialName from demotb";

            command = new SqlCommand(sql, cnn);

            dataReader = command.ExecuteReader();
            while (dataReader.Read())
            {
                Output = Output + dataReader.GetValue(0) + "-" + dataReader.GetValue(1) + "</br>";
            }

            Response.Write(Output);
            dataReader.Close();
            command.Dispose();
            cnn.Close();
        }
    }
}

Saat kode di atas diatur dan proyek dijalankan menggunakan Visual Studio, Anda akan mendapatkan output seperti di bawah ini.

Keluaran:-

Menghubungkan Kontrol ASP.NET ke Data

Kita telah melihat bagaimana kita dapat menggunakan perintah ASP.NET seperti SqlCommand dan SqlDataReader untuk mengambil data dari basis data. Kita juga telah melihat bagaimana kita dapat membaca setiap baris tabel dan menampilkannya di halaman web.

Tersedia beberapa metode untuk menghubungkan kontrol secara langsung ke berbagai kolom dalam tabel. Saat ini, hanya kontrol-kontrol berikut yang dapat dihubungkan ke aplikasi ASP.NET:

1. MemeriksaBoxDaftar
2. Daftar Tombol Radio
3. DropDownList
4. DaftarBox

Jadi, mari kita lihat contoh bagaimana kita dapat menggunakan control binding di ASP.NET. Di sini kita akan menggunakan sebuah List.Box Contoh. Misalkan kita memiliki data berikut di dalam basis data kita.

Mari kita gunakan DaftarBox Mari kita kendalikan dan lihat bagaimana sistem dapat secara otomatis mengambil data dari tabel demotb kita. Ikuti langkah-langkah di bawah ini untuk mencapainya.

Langkah 1) Buat formulir web dasar. Dari kotak peralatan di Visual Studio, seret dan lepas 2 komponen – label dan Daftar.BoxKemudian lakukan langkah-langkah berikut:

1. Masukkan nilai teks label pertama sebagai TutorialID.
2. Masukkan nilai teks label kedua sebagai TutorialName.

Berikut tampilan formulir setelah langkah-langkah di atas dilakukan.

Langkah 2) Langkah selanjutnya adalah mulai menghubungkan setiap Daftar.Box ke tabel basis data.

1. Pertama, klik pada Daftar.Box untuk TutorialID. Ini akan memunculkan kotak dialog lain di samping kontrol.
2. Dari kotak dialog, klik opsi Pilih Sumber Data.

Langkah 3) Anda kemudian akan melihat kotak dialog. Kotak dialog ini dapat digunakan untuk membuat sumber data baru. Sumber data tersebut akan mewakili koneksi ke basis data. Pilih opsi Sumber data baru.

Langkah 4) Layar di bawah ini akan ditampilkan setelah memilih sumber data baru pada langkah terakhir. Di sini kita perlu menyebutkan jenis sumber data yang ingin kita buat.

1. Pilih opsi database untuk bekerja dengan database SQL Server.
2. Sekarang kita perlu memberi nama pada sumber data kita. Di sini kami memberinya nama DemoDataSource.
3. Terakhir, kita klik tombol OK untuk melanjutkan ke layar berikutnya.

Langkah 5) Sekarang kita perlu membuat koneksi ke basis data kita. Di layar berikutnya, klik tombol Koneksi Baru.

Langkah 6) Selanjutnya Anda perlu menambahkan kredensial untuk terhubung ke database.

1. Pilih nama server tempat SQL Server berada.
2. Masukkan ID pengguna dan kata sandi untuk terhubung ke basis data.
3. Pilih basis data sebagai demotb.
4. Klik tombol OK.

Langkah 7) Pada layar berikutnya, Anda akan dapat melihat tabel demotb. Cukup klik tombol Berikutnya untuk menerima pengaturan default.

Langkah 8) Anda sekarang dapat menguji koneksi di layar berikutnya.

1. Klik tombol Uji Kueri untuk melihat apakah Anda dapat mengambil nilai dari tabel.
2. Klik tombol Selesai untuk menyelesaikan wizard.

Langkah 9) Sekarang di layar terakhir, Anda dapat mengklik tombol OK. Ini akan mengikat Daftar TutorialID.Box ke nama kolom TutorialID di tabel demotb.

Langkah 10) Sekarang saatnya untuk mengikat Daftar TutorialName.Box ke kolom TutorialName.

1. Pertama, klik pada Daftar Nama Tutorial.Box.
2. Selanjutnya, pilih Sumber Data di kotak dialog yang muncul di samping Daftar.Box.

Langkah 11) Anda sudah akan melihat DemoDataSource saat memilih Sumber Data di layar berikutnya.

1. Pilih DemoDataSource.
2. Klik pada tombol OK.

Jika semua langkah di atas dijalankan seperti yang ditunjukkan, Anda akan mendapatkan output yang disebutkan di bawah.

Keluaran:-

Dari outputnya, Anda dapat melihat bahwa DaftarBoxes menampilkan TutorialID dan TutorialName secara berturut-turut.

Pertanyaan Umum Demo Slot