{"id":126,"date":"2008-12-25T08:02:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=126"},"modified":"2008-12-25T08:02:00","modified_gmt":"1970-01-01T00:00:00","slug":"gridview-kontrolu-iii-templatefield-kullanimi-ve-grid-icinde-grid-kullanmak","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2008\/12\/25\/gridview-kontrolu-iii-templatefield-kullanimi-ve-grid-icinde-grid-kullanmak\/","title":{"rendered":"GridView Kontrol\u00fc – III – TemplateField Kullanimi ve Grid i\u00e7inde Grid Kullanmak."},"content":{"rendered":"

\n\tBu makalemizde GridView kontrolü içinde template field alanlarin kullanimina deginecegiz.  Template field içerisinde istedigimiz HTML taglarini ve ASP.NET kontrollerini kullanabiliriz. Bu özellik isteklerimiz dogrultusunda grid satirlari olusturabilmemizi saglar.<\/p>\n

\n\t.<\/a><\/p>\n

\n\tProjeyi buradan indirebilirsiniz.<\/a><\/p>\n

\n<asp:GridView ID="GridViewMusteri" runat="server">\n    <Columns>\n        <asp:TemplateField>\n            <ItemTemplate>\n\n            <\/ItemTemplate>\n        <\/asp:TemplateField>\n    <\/Columns>\n<\/asp:GridView><\/pre>\n
\n\tYukarida da görüldügü gibi gridin satirlarini olusturacak kismi template field içerisindeki ItemTemplate içerisine koyuyoruz. Yapacagimiz örnek de Microsoft tarafindan ücretsiz olarak yayinlanan AdvantureWorkDW2008 veritabanini kullanacagiz. Isterseniz sizde bu eklentiyi indirip kendi veritabaniniza ekleyebilirsiniz. SQL Server 2008 için olanini buradan <\/a>indirebilirsiniz.<\/p>\n
\n\tBu örnek de Müsteri bilgilerini grid üzerinde gösterecegiz. Müsteri seçildigin de ise seçilen satirin hemen altinda müsterinin yapmis oldugu interne, FactInternetSales ve DimProduct alisverislerinden 10 tanesini gösterecegiz. Bunun için DimCustomert tablolarini kullanacagiz.  Ilk olarak Kod içerisinde Customer tablosundan bilgileri alip gride bind eden fonksiyonu yazalim. Sonrada gridimize template fieldleri ekleyelim.<\/p>\n
\nprotected void Page_Load(object sender, EventArgs e)\n{\n    if (!IsPostBack)\n    {\n        MusterileriGetir();\n    }\n}<\/pre>\n
\nSqlConnection connection = new SqlConnection("Data Source=.;\nInitial Catalog=AdventureWorksDW2008;Integrated Security=True");<\/pre>\n
\nprivate void MusterileriGetir()\n{   \n    connection.Open();\n    SqlDataAdapter da = new SqlDataAdapter("SELECT TOP 500 CustomerKey,  \n    FirstName,LastName, Gender, EmailAddress, AddressLine1 FROM DimCustomer",\n    connection);\n    DataTable dTable = new DataTable();\n    da.SelectCommand.ExecuteNonQuery();\n    da.Fill(dTable);\n    GridViewMusteri.DataSource = dTable;\n    GridViewMusteri.DataBind();\n    connection.Close();\n}<\/pre>\n
\n\t Yukaridaki kodu ekledikten sonra gridi asagidaki gibi düzenleyin.<\/p>\n
\n<asp:GridView ID="GridViewMusteri" AutoGenerateColumns="false" runat="server"\n OnRowCommand="GridViewMusteri_RowCommand">\n    <Columns>\n        <asp:TemplateField>\n            <HeaderTemplate>\n                <table width="100%">\n                    <tr>\n                        <th>\n                            Isim\n                        <\/th>\n                        <th>\n                           Soyad\n                        <\/th>\n                        <th>\n                            Cinsiyet\n                        <\/th>\n                        <th>\n                            E-Posta\n                        <\/th>\n                        <th>\n                            Adres\n                        <\/th>\n                        <th>\n                            Göster\n                        <\/th>\n                        <th>\n                            Gizle\n                        <\/th>                  \n                  <\/tr>\n            <\/HeaderTemplate>\n            <ItemTemplate>\n         <tr style="font-size: 12px; font-weight: normal;" align="left">\n                 <td>\n      <asp:Label ID="Label1" runat="server" Text='<%#Bind("FirstName") %>'>\n                   <\/asp:Label>\n                <\/td>\n                <td>\n     <asp:Label ID="Label2" runat="server" Text='<%#Bind("LastName") %>'>\n                  <\/asp:Label>\n                <\/td>\n                <td>\n     <asp:Label ID="Label3" runat="server" Text='<%#Bind("Gender") %>'>\n                  <\/asp:Label>\n                <\/td>\n                <td>\n     <asp:Label ID="Label4" runat="server" Text='<%#Bind("EmailAddress") %>'>\n                <\/asp:Label>\n                <\/td>\n                <td>\n     <asp:Label ID="Label5" runat="server" Text='<%#Bind("AddressLine1") %>'>\n                <\/asp:Label>\n                <\/td>\n                <td>\n                 <asp:LinkButton ID="LinkButton1" CommandName="Göster" \n                 CommandArgument='<%#Bind("CustomerKey") %>'runat="server">\n                 Göster<\/asp:LinkButton>\n               <\/td>\n               <td>\n     <asp:LinkButton ID="LinkButton2" CommandName="Gizle" CommandArgument=\n       '<%#Bind("CustomerKey") %>' runat="server">Gizle<\/asp:LinkButton>\n                <\/td>\n                <td>\n            <\/ItemTemplate>\n            <FooterTemplate>\n                <\/table>\n            <\/FooterTemplate>\n        <\/asp:TemplateField>\n    <\/Columns>\n<\/asp:GridView><\/pre>\n
\n\t Burada dikkat etmemiz gereken yerlerden birincisi Grid içerisinde<\/p>\n
\nAutoGenerateColumns="false"<\/pre>\n
\n\ttagini eklemeniz aksi takdirde grid bind ettiginiz kaynakta bulunan kolonlari kendisi otomatik olarak üretir. Biz bu örnek de template filedlerle çalismak istedigimizden bunu false olarak ayarliyoruz. Ikinci önemli nokta template field içine ekledigimiz link buton için commandname ve commandargument taglarini ayarlamaniz. Ayrica grid üzerindeki satirlarda bir event oldugu zaman yani ekledigimiz link buton tiklandigi zaman çalisacak olan fonksiyonu ayarladik<\/p>\n
\nOnRowCommand = "GridViewMusteri_RowCommand"<\/pre>\n
\n\tBu fonksiyonun içini nasil dolduracagimizi ilerleyen kisimlarda anlatacagim. Projeniz çalistirdiginiz zaman Müsteri tablosundaki ilk 500 kayit grid içerisinde görüntülenecektir.<\/p>\n
\n\t.<\/a><\/p>\n
\n\tSimdi sira geldi seç butonuna tiklandigi zaman müsterinin yapmis oldugu alisverislerden 10 tanesini göstermeye. Bunun için ilk olarak template field içinde bulunan tablomuza yeni bir satir ekleyecegiz bunun içine de yeni bir grid koyacagiz. Müsteri gridi üzerinde göster butonuna basildigi zaman seçilen müsterinin CustomerKey özelligi ile veri tabanindan sorgu yaparak bu müsterinin yapmis oldugu son 10 alisverisi yeni giridimize bind edecegiz ayrica Gizle butonuna basildiginda Müsterinin Siparis detayini gizleyecegiz. Gridimizin yeni halinin bulundugu aspx sayfasi ve yazmamiz gereken C# kodlari asagidaki gibidir.<\/p>\n
\n<asp:GridView ID="GridViewMusteri" AutoGenerateColumns="false" runat="server"\nOnRowCommand="GridViewMusteri_RowCommand">\n<Columns>\n<asp:TemplateField>\n    <HeaderTemplate>\n        <table width="800px">\n            <tr>\n                <th>\n                   Isim\n                <\/th>\n                <th>\n                    Soyad\n                <\/th>\n                <th>\n                   Cinsiyet\n                <\/th>\n                <th>\n                    E-Posta\n                <\/th>\n                <th>\n                    Adres\n                <\/th>\n                <th>\n                   Göster\n                <\/th>\n                <th>\n                    Gizle\n               <\/th>\n          <\/tr>\n    <\/HeaderTemplate>\n    <ItemTemplate>\n        <tr style="font-size: 13px; font-weight: normal;" align="left">\n            <td>\n       <asp:Label ID="Label1" runat="server" Text='<%#Bind("FirstName") %>'>\n                     <\/asp:Label>\n            <\/td>\n            <td>\n       <asp:Label ID="Label2" runat="server" Text='<%#Bind("LastName") %>'>\n                     <\/asp:Label>\n            <\/td>\n            <td>\n     <asp:Label ID="Label3" runat="server" Text='<%#Bind("Gender") %>'>\n                     <\/asp:Label>\n            <\/td>\n            <td>\n    <asp:Label ID="Label4" runat="server" Text='<%#Bind("EmailAddress") %>'>\n                     <\/asp:Label>\n            <\/td>\n            <td>\n     <asp:Label ID="Label5" runat="server" Text='<%#Bind("AddressLine1") %>'>\n                     <\/asp:Label>\n            <\/td>\n            <td>\n                <asp:LinkButton ID="LinkButton1" CommandName="Göster"\n                     CommandArgument='<%#Bind("CustomerKey") %>'\n                    runat="server">Göster<\/asp:LinkButton>\n            <\/td>\n            <td>\n                <asp:LinkButton ID="LinkButton2" CommandName="Gizle" \n                   CommandArgument='<%#Bind("CustomerKey") %>'\n                    runat="server">Gizle<\/asp:LinkButton>\n            <\/td>\n        <\/tr>\n        <tr style="font-size: 12px; font-weight: normal;" align="left">\n            <td colspan="7">\n                <asp:GridView ID="GridViewSiparisListesi" Width="100%"\n                                         AutoGenerateColumns="false"\n                    runat="server">\n                    <Columns>\n                        <asp:TemplateField>\n                            <HeaderTemplate>\n                                <table width="100%" style="font-size: 12px; \n                                        font-weight: normal;" align="left">\n                                    <tr>\n                                        <th>\n                                            Siparis No\n                                        <\/th>\n                                        <th>\n                                           Tutar\n                                        <\/th>\n                                        <th>\n                                           Ürün Adi\n                                       <\/th>\n                                   <\/tr>\n                            <\/HeaderTemplate>\n                            <ItemTemplate>\n                                <tr>\n                                    <td>\n                           <asp:Label ID="Label7" runat="server" \n                           Text='<%#Bind("SiparisNo") %>'><\/asp:Label>\n                                    <\/td>\n                                    <td>\n                            <asp:Label ID="Label8" runat="server"\n                              Text='<%#Bind("Tutar") %>'><\/asp:Label>\n                                    <\/td>\n                                    <td>\n                              <asp:Label ID="Label9" runat="server"\n                             Text='<%#Bind("UrunAdi") %>'><\/asp:Label>\n                                    <\/td>\n                                <\/tr>\n                            <\/ItemTemplate>\n                            <FooterTemplate>\n                                <\/table>\n                            <\/FooterTemplate>\n                        <\/asp:TemplateField>\n                   <\/Columns>\n                <\/asp:GridView>\n            <\/td>\n        <\/tr>\n    <\/ItemTemplate>\n    <FooterTemplate>\n    <\/table>\n    <\/FooterTemplate>\n<\/asp:TemplateField>\n<\/Columns>\n<\/asp:GridView><\/pre>\n
\n\tAspx sayfanizi yukarda ki gibi düzenledikten sonra kod sayfaniza da asagidaki kodlari ekleyin.<\/p>\n
\nprotected void GridViewMusteri_RowCommand\n(object sender, GridViewCommandEventArgs e)\n{\nif (e.CommandName == "Göster")\n {\n     string sqlCmnd = String.Format(@"SELECT   TOP 10  \n     FactInternetSales.CustomerKey\n     as MusteriKey, FactInternetSales.SalesOrderNumber as SiparisNo, \n     FactInternetSales.SalesAmount as Tutar, \n     DimProduct.EnglishProductName as UrunAdi \n     FROM  FactInternetSales LEFT OUTER JOIN DimProduct ON \n     FactInternetSales.ProductKey = DimProduct.ProductKey \n     Where \n     FactInternetSales.CustomerKey = {0}", e.CommandArgument.ToString());\n        connection.Open();\n        SqlDataAdapter da = new SqlDataAdapter(sqlCmnd, connection);\n        DataTable dTable = new DataTable();\n        da.SelectCommand.ExecuteNonQuery();\n        da.Fill(dTable);\n        int rowIndex = \n   ((GridViewRow)(((LinkButton)(e.CommandSource)).Parent.Parent)).RowIndex;\n        GridView siparisListesiGrid =(GridView)GridViewMusteri.\nRows[rowIndex].FindControl("GridViewSiparisListesi");\n        siparisListesiGrid.DataSource = dTable;\n        siparisListesiGrid.DataBind();\n        connection.Close();\n }\nelse if (e.CommandName == "Gizle")\n {\n  int rowIndex = \n((GridViewRow)(((LinkButton)(e.CommandSource)).Parent.Parent)).RowIndex;\n  GridView siparisListesiGrid =(GridView)GridViewMusteri\n.Rows[rowIndex].FindControl("GridViewSiparisListesi");\n  siparisListesiGrid.DataSource = null;\n  siparisListesiGrid.DataBind();\n }\n}<\/pre>\n
\n\t.<\/a><\/p>\n
\n\tYukarda ki kodu incelediginizde<\/p>\n
\n((GridViewRow)(((LinkButton)(e.CommandSource)).Parent.Parent)).RowIndex;\n  GridView siparisListesiGrid = (GridView)GridViewMusteri\n.Rows[rowIndex].FindControl("GridViewSiparisListesi"); <\/pre>\n
\n\tSatiri dikkatinizi çekmis olmali. Grid içerisine ekledigimiz kontrollere kod içersinden direk erisemeyiz bu yüzden FindControl fonksiyonunu kullanmamiz gerekir. Bu fonksiyonu kullanmak içinde Göster butonuna basilan satiri bilmemiz lazim. e.CommandSource satirdaki göster linkbuttona isaret etmektedir. Onun parentti da bulundugu cell e isaret eder. Cell in paranti ise bulundugu satirdir. Bu satir GridViewRow tipinde bir kontroldür. Bu yolla butona tiklanan satir indexini bularak Gridin o satirdaki kontrolleri üzerinden<\/p>\n
\nGridViewMusteri.Rows[rowIndex].FindControl<\/pre>\n
\n\tmetodu ile arama yapabiliriz.<\/p>\n
\n\tYeni Makalelerde bulusmak üzere hoscakalin.<\/p>\n","protected":false},"excerpt":{"rendered":"
Bu makalemizde GridView kontrolü içinde template field alanlarin kullanimina deginecegiz. Template field içerisinde istedigimiz HTML taglarini ve ASP.NET kontrollerini kullanabiliriz. Bu özellik isteklerimiz dogrultusunda grid satirlari olusturabilmemizi saglar.<\/p>\n","protected":false},"author":517,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[407],"tags":[5524,5367,4639,6203,6377,5865,6297,3868,6320,5065,6148,4882,4145],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/126"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/517"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}