Beszúrás, frissítés, törlés: ASP.NET adatbázis-kapcsolat

Az adatbázisokból származó adatok elérése minden programozási nyelv fontos aspektusa. Bármely programozási nyelvnek képesnek kell lennie az adatbázisokkal való munkára.

Az ASP.NET képes különböző típusú adatbázisokkal dolgozni. Működik a leggyakoribb adatbázisokkal, mint például a Oracle és a Microsoft SQL Szerver.

Arra is képes, hogy új adatbázisformákkal dolgozzon, mint pl MongoDB és a MySQL.

Az adatbázis-összeköttetés alapjai

Az ASP.NET képes a legtöbb adatbázissal együttműködni, a leggyakoribbak a Oracle és a Microsoft SQL Server. De minden adatbázis esetében a logika az összes adatbázissal való munkavégzés mögött többnyire ugyanaz.

Példáinkban megvizsgáljuk, hogyan dolgozunk a Microsoft SQL Server mint az adatbázisunk. Tanulási célokra letölthető és használható a Microsoft SQL Server Express Edition. Ez egy ingyenes adatbázis-szoftver, amelyet a következő biztosít: Microsoft.

Adatbázisokkal való munka során a következő fogalmak minden adatbázisban közösek:

1. csatlakozás – Az adatbázisban lévő adatokkal való munkavégzéshez az első kézenfekvő lépés a kapcsolat. Az adatbázishoz való csatlakozás általában az alábbi paraméterekből áll.
   1. Adatbázis neve vagy adatforrás – Az első fontos paraméter az adatbázis neve. Minden kapcsolat egyszerre csak egy adatbázissal működhet.
   2. Hitelesítő adatok – A következő fontos szempont a felhasználónév és a jelszó. Ezekkel létesül a kapcsolat az adatbázissal.
   3. Választható paraméterek – Opcionális paramétereket adhat meg arra vonatkozóan, hogy a .NET hogyan kezelje az adatbázishoz való kapcsolódást. Például megadhat egy paramétert, amely meghatározza, hogy mennyi ideig maradjon aktív a kapcsolat.
2. Adatok kiválasztása az adatbázisból – Miután a kapcsolat létrejött, a rendszer lekéri az adatokat az adatbázisból. Az ASP.NET képes végrehajtani az SQL select parancsot az adatbázison. Az SQL utasítás segítségével adatokat kérhetünk le az adatbázis egy adott táblájából.
3. Adatok beillesztése az adatbázisba – Az ASP.NET segítségével rekordokat lehet beszúrni az adatbázisba. Az adatbázisba beszúrandó sorok értékei az ASP.NET-ben vannak megadva.
4. Adatok frissítése az adatbázisba – Az ASP.NET segítségével a meglévő rekordok is frissíthetők az adatbázisban. Az ASP.NET-ben minden egyes sorhoz új értékek adhatók meg, amelyeket frissíteni kell az adatbázisban.
5. Adatok törlése adatbázisból – Az ASP.NET segítségével rekordok is törölhetők az adatbázisból. A kód egy adott sor törlésére szolgál az adatbázisból.

Most, hogy láttuk az egyes műveletek elméleti részét, nézzük meg, hogyan végezhetünk adatbázis-műveleteket ASP.NET-ben.

ASP.NET adatbázis-kapcsolatok

Most nézzük meg azt a kódot, amelyet a helyén kell tartani egy adatbázishoz való kapcsolat létrehozásához. Példánkban egy Demodb nevű adatbázishoz fogunk csatlakozni. Az adatbázishoz való csatlakozáshoz szükséges hitelesítő adatok az alábbiakban láthatók:

• Felhasználónév – sa
• Jelszó – demo123

Dolgozzunk a korábbi szakaszokban létrehozott jelenlegi webes alkalmazásunkkal.

• Kezdje el adatbázisműveletek hozzáadását.
• Példánk egy egyszerű kapcsolat létrehozását vizsgálja. Ez a kapcsolat a Demodb adatbázissal jön létre. Erre az oldal első indításakor kerül sor.
• A kapcsolat létrejötte után a rendszer üzenetet küld a felhasználónak. Az üzenet jelzi, hogy a kapcsolat létrejött.

Kövessük az alább felsorolt ​​lépéseket ennek eléréséhez.

Step 1) Először is győződjünk meg róla, hogy meg van nyitva a webes alkalmazásod (DemoApplication) a Visual Studio-ban. Double-kattintson a demo.aspx.cs fájlra az adatbázis-kapcsolat kódjának megadásához.

Step 2) Adja hozzá az alábbi kódot, amely az adatbázishoz való kapcsolódáshoz fog használni.

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 Magyarázat:-

1. Az első lépés a változók létrehozása. Ezeket fogjuk használni a kapcsolati karakterlánc és az SQL Server adatbázishoz való kapcsolódás létrehozásához.
2. A következő lépés a kapcsolati karakterlánc létrehozása. A kapcsolati karakterlánc a következő részekből áll:
   • Adatforrás – Ez annak a szervernek a neve, amelyen az adatbázis található. Esetünkben egy WIN-50GP30FGO75 nevű gépen található.
   • A kezdeti katalógus az adatbázis nevének megadására szolgál.
   • A felhasználói azonosító és a jelszó a szükséges hitelesítő adatok az adatbázishoz való csatlakozáshoz.
3. Ezután a cnn változóhoz rendeljük a csatlakozási karakterláncot.
   • A cnn változó SqlConnection típusú. Ez az adatbázishoz való kapcsolat létrehozására szolgál.
   • Az SqlConnection egy osztály az ASP.NET-ben, amelyet adatbázis-kapcsolatok létrehozására használnak.
   • Ennek az osztálynak a használatához először létre kell hozni egy ilyen osztályú objektumot. Ezért itt létrehozunk egy cnn nevű változót, amely SqlConnection típusú.
4. Ezután a cnn változó Open metódusát használjuk az adatbázis-kapcsolat megnyitásához. Egy üzenetet jelenítünk meg a felhasználónak, hogy a kapcsolat létrejött. Ezt a Response.Write metóduson keresztül tehetjük meg. Ezután lezárjuk az adatbázis-kapcsolatot.

Amikor a fenti kód be van állítva és a projekt a következővel fut Visual Studio, az alábbi kimenetet kapod. Miután megjelent az űrlap, kattints a Csatlakozás gombra.

Kimenet:-

A böngészőben megjelenő kimeneti üzenet jelzi, hogy létrejött a kapcsolat az adatbázissal.

ASP.NET Read Database az SqlDataReader használatával

Az ASP.NET segítségével elért adatok megjelenítéséhez tegyük fel, hogy a következő összetevők vannak az adatbázisunkban.

1. Egy demotb nevű tábla. Ez a tábla a különféle oktatóanyagok azonosítóit és nevét tárolja.
2. A táblázat két oszlopból fog állni, az egyik neve TutorialID, a másiké pedig TutorialName.
3. A táblázatnak jelenleg két sora lesz, az alábbiak szerint.

Módosítsuk a kódot úgy, hogy lekérdezhessük ezeket az adatokat, és megjeleníthessük az információkat magán a weboldalon. Figyeljük meg, hogy a beírt kód folytatása az adatkapcsolati modulhoz írt kódnak.

Step 1) Bontsuk a kódot két részre:

• Az első rész a SELECT utasítás létrehozása lesz. Ezzel fogjuk beolvasni az adatokat az adatbázisból.
• Ezután végrehajtjuk a select utasítást az adatbázison. Ez a tábla összes sorát lekéri.

Code Magyarázat:-

1. Az első lépés a következő változók létrehozása:
   • SqlCommand – Az SqlCommand egy C#-on belül definiált osztály. Ez az osztály az adatbázisba való olvasási és írási műveletek végrehajtására szolgál.
   • A DataReader objektum az SQL lekérdezés által megadott összes adat lekérésére szolgál. Ezután az adatolvasóval egyenként ki tudjuk olvasni a táblázat összes sorát.
   • Ezután két karakterlánc-változót definiálunk. Az egyik az sql, amely az SQL parancskarakterláncunkat tartalmazza. A következő az Output, amely az összes táblaértéket tartalmazza.
2. A következő lépés az SQL utasítás definiálása. Esetünkben ez a „Select TutorialID, TutorialName from demotb”. Ez a demotb tábla összes sorát fogja lekérni.
3. Ezután létrehozzuk a parancsobjektumot, amely az SQL utasítás végrehajtására szolgál az adatbázisban. Az SQL parancsban át kell adni a kapcsolódási objektumot és az SQL karakterláncot.
4. Ezután végrehajtjuk az adatolvasó parancsot, amely kiolvassa az összes sort a demotb táblából.
5. Most, hogy a tábla összes sora megvan, szükségünk van egy mechanizmusra, amellyel egyesével elérhetjük a sorokat.
   • Ehhez a while utasítást használjuk, hogy egyenként elérjük az adatolvasó sorait.
   • Ezután a GetValue metódust használjuk a TutorialID és a TutorialName értékének lekéréséhez.

Step 2) Az utolsó lépésben megjelenítjük a kimenetet a felhasználónak. Ezután bezárjuk az adatbázis-művelethez kapcsolódó összes objektumot.

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 Magyarázat:-

1. A kódot az Output változó értékének megjelenítésével folytatjuk. Ezt a Response.Write metódussal tehetjük meg.
2. Végül lezárjuk az adatbázis-műveletünkhöz kapcsolódó összes objektumot. Ne feledjük, ez mindig jó gyakorlat.

Amikor a fenti kód beállítva van és a projekt a Visual Studio segítségével fut, az alábbi kimenetet kapja.

Kimenet:-

A kimenetből jól látható, hogy a program az adatbázisból tudta lekérni az értékeket. Az adatok ezután megjelennek a böngészőben a felhasználó számára.

Adatbázisrekord beszúrása az InsertCommand segítségével

Az adatokhoz való hozzáféréshez hasonlóan az ASP.NET is képes rekordokat beszúrni az adatbázisba. Vegyük ugyanazt a táblázatstruktúrát, amelyet a rekordok beszúrására használunk.

Módosítsuk a kódot az űrlapunkon úgy, hogy a következő sort tudjuk beszúrni a táblázatba:

Step 1) Első lépésként adjuk hozzá a következő kódot a programunkhoz. Az alábbi kódrészlettel egy rekordot fogunk beszúrni az adatbázisunkba.

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 Magyarázat:-

1. Az első lépés a következő változók létrehozása:
   • SqlCommand – Ez az adattípus olyan objektumok definiálására szolgál, amelyek SQL műveleteket hajtanak végre egy adatbázison. Ez az objektum tartalmazza az SQL parancsot, amely az SQL Server adatbázisunkon fog futni.
   • A DataAdapter objektum SQL parancsok beszúrására, törlésére és frissítésére szolgál.
   • Ezután definiálunk egy karakterlánc változót, az sql-t, amely az SQL parancs karakterláncát tartalmazza.
2. A következő lépés az SQL utasítás tényleges definiálása. Esetünkben egy INSERT utasítást adunk ki. Ez beszúrja a TutorialID=3 és a TutorialName=VB.Net rekordot.
3. Ezután létrehozzuk a parancsobjektumot, amely az SQL utasítás végrehajtására szolgál az adatbázisban. Az SQL parancsban át kell adni a kapcsolódási objektumot és az SQL karakterláncot.
4. Az adatadapter parancsunkban:
   • Társítsa az insert SQL parancsot az adapterhez.
   • Ezután add ki az ExecuteNonQuery metódust. Ezzel hajtjuk végre az INSERT utasítást az adatbázisunkon.
   • Az ExecuteNonQuery metódust a következőben használják: C# bármilyen DML utasítás kiadására (beszúrás, törlés és frissítés művelet) az adatbázis ellen.
5. Végül lezárjuk az adatbázis-műveletünkhöz kapcsolódó összes objektumot. Ne feledjük, ez mindig jó gyakorlat.

Step 2) Második lépésként adjuk hozzá ugyanazt a kódot, mint az adatok elérése részben. Ez a legutóbbi táblaadatok megjelenítésére szolgál a böngészőben. Ehhez az alábbi kódot adjuk hozzá a demo.aspx.cs fájlhoz.

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();
        }
    }
}

Amikor a fenti kód be van állítva és a projektet végrehajtjuk a Visual Studio-ban, az alábbi kimenetet kapjuk.

Kimenet:-

A böngészőablakban látni fogja, hogy a sor sikeresen beillesztve lett az adatbázisba.

Frissítse az adatbázis rekordját az UpdateCommand segítségével

Az ASP.NET képes frissíteni a meglévő rekordokat egy adatbázisban. Vegyük ugyanazt a táblázatszerkezetet, amelyet a fenti példában használtunk a rekordok beszúrásához.

Módosítsuk az űrlapunk kódját úgy, hogy frissíteni tudjuk a következő sort. A régi sorérték TutorialID = 3, a TutorialName pedig VB.Net, amelyet „VB.Net Complete”-re frissítünk, míg a TutorialID sorértéke változatlan marad.

Régi sor

Új sor

Step 1) Első lépésként adjuk hozzá a következő kódot a programunkhoz. Az alábbi kódrészletet egy meglévő rekord frissítésére fogjuk használni az adatbázisunkban.

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 Magyarázat:-

1. Az első lépés a következő változók létrehozása:
   • SqlCommand – Ez az adattípus objektumok definiálására szolgál, amelyek SQL műveleteket hajtanak végre egy adatbázison. Ez az objektum tartalmazza az SQL parancsot, amely az SQL Server adatbázisunkon fog futni.
   • A DataAdapter objektum SQL parancsok beszúrására, törlésére és frissítésére szolgál.
   • Ezután definiálunk egy karakterlánc változót, az sql-t, amely az SQL parancs karakterláncát tartalmazza.
2. A következő lépés az SQL utasítás tényleges definiálása. Esetünkben egy update utasítást adunk ki. Ez a TutorialName értéket „VB.Net Complete”-re frissíti. A TutorialID változatlan marad, értéke 3 lesz.
3. Ezután létrehozzuk a parancsobjektumot. Ezzel hajtjuk végre az SQL utasítást az adatbázison. Az SQL parancsban átadjuk a kapcsolatobjektumot és az SQL karakterláncot.
4. Az adatadapter-parancsunkban az SQL-parancsot az adapterhez rendeljük. Ezután kiadjuk az ExecuteNonQuery metódust. Ezzel végrehajtjuk az adatbázisunkon a frissítési utasítást.
5. Végül lezárjuk az adatbázis-műveletünkhöz kapcsolódó összes objektumot. Ne feledjük, ez mindig jó gyakorlat.

Step 2) Második lépésként adjuk hozzá ugyanazt a kódot, mint az adatok elérése részben. Ez a legutóbbi táblaadatok megjelenítésére szolgál a böngészőben. Ehhez az alábbi kódot fogjuk hozzáadni.

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();
        }
    }
}

Amikor a fenti kód be van állítva és a projektet a Visual Studio segítségével futtatjuk, az alábbi kimenetet kapjuk.

Kimenet:-

A böngészőablakban látni fogja, hogy a sor sikeresen frissült az adatbázisban.

Törölje az adatbázis rekordját a DeleteCommand segítségével

Az ASP.NET képes meglévő rekordokat törölni egy adatbázisból. Vegyük ugyanazt a táblázatszerkezetet, amelyet a fenti példában használtunk a rekordok törléséhez.

Módosítsuk a kódot az űrlapunkon úgy, hogy törölni tudjuk a következő sort:

Step 1) Első lépésként adjuk hozzá a következő kódot a programunkhoz. Az alábbi kódrészletet egy meglévő rekord törlésére fogjuk használni az adatbázisunkban.

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 Magyarázat:-

1. A kód lényege, hogy most a delete SQL utasítást adjuk ki. A delete utasítás a demotb tábla azon sorának törlésére szolgál, amelyben a TutorialID értéke 3.
2. Az adatadapter-parancsunkban a delete SQL parancsot társítjuk az adapterünkhöz. Emellett kiadjuk az ExecuteNonQuery metódust is, amely a delete utasítás adatbázison történő végrehajtására szolgál.

Step 2) Második lépésként adjuk hozzá ugyanazt a kódot, mint az adatok elérése részben. Ez a legutóbbi táblaadatok megjelenítésére szolgál a böngészőben. Ehhez az alábbi kódot fogjuk hozzáadni.

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();
        }
    }
}

Amikor a fenti kód be van állítva és a projektet a Visual Studio segítségével futtatjuk, az alábbi kimenetet kapjuk.

Kimenet:-

ASP.NET vezérlők összekapcsolása adatokkal

Láttuk, hogyan használhatunk ASP.NET parancsokat, például az SqlCommand-ot és az SqlDataReader-t adatok adatbázisból való lekérésére. Azt is láttuk, hogyan olvashatjuk be a tábla egyes sorait, és hogyan jeleníthetjük meg azokat a weboldalon.

Léteznek módszerek a vezérlők közvetlen összekapcsolására a táblázat különböző mezőivel. Jelenleg csak az alábbi vezérlők köthetők ASP.NET alkalmazáshoz:

1. Jelölje beBoxLista
2. RadioButtonList
3. Legördülő lista
4. ListaBox

Nézzünk egy példát arra, hogyan használhatjuk a vezérlőkötést ASP.NET-ben. Itt egy listát fogunk venni.Box példa. Tegyük fel, hogy a következő adatok vannak az adatbázisunkban.

Használjuk a listátBox vezérlőt, és nézzük meg, hogyan képes automatikusan adatokat beolvasni a demotb táblánkból. Kövessük az alábbi lépéseket ennek eléréséhez.

Step 1) Hozd létre az alapvető webes űrlapot. A Visual Studio eszköztárából húzd át a kívánt helyre a két komponenst – a címkéket és a listát.Boxes. Ezután hajtsa végre a következő részlépéseket:

1. Az első címke szöveges értékét TutorialID-ként kell megadni.
2. A második címke szöveges értékét írja be TutorialName-ként.

Az alábbiakban látható, hogyan fog kinézni az űrlap a fent említett lépések elvégzése után.

Step 2) A következő lépés az egyes listák összekapcsolásának megkezdése.Box az adatbázis táblához.

1. Először kattintson a ListáraBox a TutorialID-hez. Ez egy másik párbeszédpanelt jelenít meg a vezérlő mellett.
2. A párbeszédpanelen kattintson az Adatforrás kiválasztása lehetőségre.

Step 3) Ezután egy párbeszédpanel jelenik meg. Ez felhasználható egy új adatforrás létrehozására. Az adatforrás az adatbázishoz való kapcsolatot fogja jelenteni. Válassza az Új adatforrás lehetőséget.

Step 4) Az utolsó lépésben az új adatforrás kiválasztása után az alábbi képernyő jelenik meg. Itt meg kell említenünk a létrehozni kívánt adatforrás típusát.

1. Válassza az adatbázis beállítást, ha SQL Server adatbázissal szeretne dolgozni.
2. Most nevet kell adnunk az adatforrásunknak. Itt adjuk a DemoDataSource nevet.
3. Végül az OK gombra kattintva léphetünk a következő képernyőre.

Step 5) Most létre kell hoznunk egy kapcsolatot az adatbázisunkkal. A következő képernyőn kattintson az Új kapcsolat gombra.

Step 6) Ezután hozzá kell adnia a hitelesítő adatokat az adatbázishoz való csatlakozáshoz.

1. Válassza ki annak a kiszolgálónak a nevét, amelyen az SQL Server található.
2. Adja meg a felhasználói azonosítót és jelszót az adatbázishoz való csatlakozáshoz.
3. Válassza ki az adatbázist demotb-ként.
4. Kattintson az OK gombra.

Step 7) A következő képernyőn láthatja a demotb táblázatot. Kattintson a Tovább gombra az alapértelmezett beállítás elfogadásához.

Step 8) Most már a következő képernyőn tesztelheti a kapcsolatot.

1. Kattintson a Lekérdezés tesztelése gombra, hogy megtudja, sikerül-e lekérdeznie az értékeket a táblázatból.
2. A varázsló befejezéséhez kattintson a Befejezés gombra.

Step 9) Az utolsó képernyőn kattintson az OK gombra. Ez mostantól összekapcsolja a TutorialID listát.Box a demotb tábla TutorialID mezőnevéhez.

Step 10) Most itt az ideje a TutorialName List összekötésének.Box a TutorialName mezőbe.

1. Először kattints a TutorialName listáraBox.
2. Ezután válasszon az Adatforrás közül a lista oldalán megjelenő párbeszédpanelen.Box.

Step 11) A következő képernyőn az Adatforrás kiválasztásakor már látni fogja a DemoDataSource-t.

1. Válassza ki a DemoDataSource-t.
2. Kattintson az OK gombra.

Ha az összes fenti lépést a képen látható módon végrehajtja, akkor az alábbi kimenetet kapja.

Kimenet:-

A kimenetből látható, hogy a listaBoxAz es rendre a TutorialID-t és a TutorialName-et jelenítik meg.

GYIK