{"id":138,"date":"2009-05-12T15:15:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=138"},"modified":"2009-05-12T15:15:00","modified_gmt":"1970-01-01T00:00:00","slug":"datalist-kullanimi-veritabanindan-cekilen-kayitlari-matris-seklinde-gosterme","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2009\/05\/12\/datalist-kullanimi-veritabanindan-cekilen-kayitlari-matris-seklinde-gosterme\/","title":{"rendered":"DataList Kullanimi, Veritabanindan \u00c7ekilen Kayitlari Matris Seklinde G\u00f6sterme"},"content":{"rendered":"

Bu makalemizde DataList kullanarak verileri nasil listeleyebilecegimizi ögrenecegiz. Bildiginiz gibi gridview de listeleme isleminde her satir için bir kayit gelir, DataList’de ise bu özeligi degistirebiliriz. Asagidaki resimde görüldügü gibi ürünler yan yana üçerli sekilde gösterilmistir. Kayitlarimizi bu sekilde göstermenin en kolay yolu DataList kullanmaktir. <\/span><\/p>\n

 <\/p>\n

\"\"<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Basit bir örnekle Datalist kullanimini anlatalim. Ilk oalrak ürünlerimizi kaydedecegimiz veritabanini olusturalim. Örnegimizde kullanacagimiz veritabani yapisi asagidaki gibi olacaktir.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n<\/span><\/p>\n

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

Yukaridaki tablomuzu olusturduktan sonra tablomuza örnek ürün girisi yapalim. Biz toplam 6 ürün giris yaptik. Resimlerle çok ugrasmamak içinde internete herhangi bir alisveris sitesindeki resimlerin url adreslerini tablomuzdaki ResimUrl kolonuna yazdik.<\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Örnek uygulamayi buradan indirebilirsiniz.<\/span><\/a><\/span><\/p>\n

Datalist kullanirken ürünleri yan yana göstermek için <\/span>RepeatDirection<\/span> özelligi vertical olmalidir. Yan yana kaç kayit göstermek istiyorsak <\/span>RepeatColumns<\/span> özelligini kullanarak da bunu ayarlariz. Biz örnegimizde yan yana 3 kayit göstermek istedigimiz için bu degerleri asagidaki gibi ayarladik.<\/span> <\/span><\/p>\n\n \n \n
\n

RepeatDirection<\/span>="Vertical"<\/span> RepeatColumns<\/span>="3"<\/span><\/span><\/p>\n <\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n

 <\/span><\/p>\n

Datalist için olusturdugumuz htms kodumuz asagidaki gibi oldu.<\/span><\/p>\n

 <\/span><\/p>\n\n \n \n
\n

<<\/span>asp<\/span>:<\/span>DataList<\/span> RepeatDirection<\/span>="Vertical"<\/span> RepeatColumns<\/span>="3"<\/span> ID<\/span>="UrunlerDataList"<\/span> runat<\/span>="server"<\/span> DataKeyField<\/span>="UrunId"<\/span><\/span><\/p>\n

    <\/span>OnItemCommand<\/span>="UrunlerDataList_ItemCommand"<\/span> ><\/span><\/span><\/p>\n

    <\/span><<\/span>HeaderTemplate<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>HeaderTemplate<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>ItemTemplate<\/span>><\/span><\/span><\/p>\n

        <\/span><<\/span>table<\/span> width<\/span>="200px"><\/span><\/span><\/p>\n

            <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

                <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

                    <\/span><<\/span>asp<\/span>:<\/span>ImageButton<\/span> CommandName<\/span>="DetayGoster"<\/span> CommandArgument<\/span>=’<\/span><%<\/span>#Bind("UrunId") %><\/span>‘<\/span><\/span><\/p>\n

                        <\/span>ID<\/span>="urunresim"<\/span> ImageUrl<\/span>=’<\/span><%<\/span>#Bind("ResimUrl") %><\/span>‘<\/span> runat<\/span>="server"<\/span> \/><\/span><\/span><\/p>\n

                <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

       nbsp;     <\/span><<\/span>tr<\/span>><\/span><\/span><\/p>\n

                <\/span><<\/span>td<\/span>><\/span><\/span><\/p>\n

                    <\/span><<\/span>asp<\/span>:<\/span>Label<\/span> ID<\/span>="Label1"<\/span> runat<\/span>="server"<\/span> Text<\/span>=’<\/span><%<\/span>#Bind("UrunAdi") %><\/span>‘><\/<\/span>asp<\/span>:<\/span>Label<\/span>><\/span><\/span><\/p>\n

                <\/span><\/<\/span>td<\/span>><\/span><\/span><\/p>\n

            <\/span><\/<\/span>tr<\/span>><\/span><\/span><\/p>\n

        <\/span><\/<\/span>table<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>ItemTemplate<\/span>><\/span><\/span><\/p>\n

    <\/span><<\/span>FooterTemplate<\/span>><\/span><\/span><\/p>\n

    <\/span><\/<\/span>FooterTemplate<\/span>><\/span><\/span><\/p>\n

<\/<\/span>asp<\/span>:<\/span>DataList<\/span>><\/span><\/p>\n <\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n

 <\/span><\/p>\n

Ürüne ait resmi gösterdigimiz ImageButton için CommandName ve CommandArgument degerlerini setleyerek OnItemCommand eventi içine asagidaki kodu yaziyoruz.<\/span><\/p>\n\n \n \n
\n

protected<\/span> void<\/span> UrunlerDataList_ItemCommand(object<\/span> source, DataListCommandEventArgs<\/span> e)<\/span><\/p>\n

{<\/span><\/p>\n

    <\/span>string<\/span> urunid = e.CommandArgument.ToString();<\/span><\/p>\n

    <\/span>string<\/span> url = "urundetay.aspx?urunid="<\/span> + urunid;<\/span><\/p>\n

    <\/span>Response.Write("<script>javascript:window.open(‘"<\/span> + url + "’,’urun detay’,’menubar=1,resizable=1,width=350,height=250′ )<\/script>"<\/span>);<\/span><\/p>\n

}<\/span><\/p>\n <\/td>\n <\/tr>\n <\/tbody>\n<\/table>\n

 <\/span><\/p>\n

ImageButton tiklandigi zaman açilacak popup’a ürün idsini bir querystring ile gönderiyoruz, ürün detay sayfasi da aldigi bu ürün id ile ürünün detay bilgilerini alip gösteriyor. Bizim örnegimizde detay bilgisi yok, siz kendi uygulamaniza göre düzenleme yapabilirsiniz. Örnek içinde yazilan diger kodlari projeyi indirerek<\/span><\/a> inceleyebilirsiniz. <\/span><\/p>","protected":false},"excerpt":{"rendered":"

Bu makalemizde DataList kullanarak verileri nasil listeleyebilecegimizi ögrenecegiz. Bildiginiz gibi gridview de listeleme isleminde her satir için bir kayit gelir, DataList\u2019de ise bu özeligi degistirebiliriz. Asagidaki resimde görüldügü gibi ürünler yan yana üçerli sekilde gösterilmistir.<\/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":[4330,4445,5673,5081,5187],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/138"}],"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=138"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/138\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}