﻿
{"id":1135,"date":"2012-12-16T15:08:48","date_gmt":"2012-12-16T15:08:48","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=1135"},"modified":"2012-12-16T15:08:48","modified_gmt":"2012-12-16T15:08:48","slug":"mvc-renderpartial-metodu-ile-user-control-kullanimi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/mvc-renderpartial-metodu-ile-user-control-kullanimi\/","title":{"rendered":"MVC RenderPartial Metodu \u0130le User Control Kullan\u0131m\u0131"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Bu yaz\u0131m\u0131zda Asp.NET MVC&#8217;de RenderPartial metodunu yani Asp.NET MVC&#8217;de User Control&#8217;leri kullanmay\u0131 g\u00f6rece\u011fiz.Herzaman oldu\u011fu gibi, ilgili konu hakk\u0131nda avantaj &#8211; dezavantaj sorgulamas\u0131n\u0131 yapmam\u0131z gerekirse e\u011fer, User Control&#8217;lerin browser tabanl\u0131 eri\u015fimleri engellendikleri i\u00e7in normal .aspx sayfalar\u0131ndan daha g\u00fcvenlidirler.Olduk\u00e7a h\u0131zl\u0131 ve benzer olan form, tasar\u0131m vb.. gibi b\u00f6l\u00fcmleri tekrar tekrar manuel olarak \u00e7o\u011falt\u0131p kod karma\u015fas\u0131ndan kurtar\u0131rlar.Ancak, &#8220;dll&#8221; olarak \u00e7\u0131kt\u0131 alamad\u0131\u011f\u0131m\u0131zdan dolay\u0131, ba\u015fka projelere manuel olarak ta\u015f\u0131mam\u0131z gerekmektedir.<br \/>\n<!--more--><br \/>\nAn\u0131msarsan\u0131z, Asp.NET Web Form&#8217;larda User Control kullan\u0131rken, s\u00fcr\u00fckle b\u0131rak mant\u0131\u011f\u0131yla i\u015flem yapard\u0131k.Kullan\u0131ma haz\u0131r User Control&#8217;\u00fcm\u00fcz, dizayn edilmi\u015f alan\u0131na s\u00fcr\u00fckleyip b\u0131rakt\u0131\u011f\u0131m\u0131z zaman import edilirdi.Ancak MVC mimarisinde i\u015f bu \u015fekilde y\u00fcr\u00fcm\u00fcyor.<\/p>\n<p>&#8220;Html&#8221; propertysinde bulunan, &#8220;<strong>RenderPartial()<\/strong>&#8221; isimli metod sayesinde, User Control&#8217;\u00fc sayfaya import etmi\u015f oluyoruz.<\/p>\n<p>\u00d6rnek olarak herhangi bir isimde olu\u015fturdu\u011fumuz MVC projesinde, Controller katman\u0131nda &#8220;Iletisim(Controller)&#8221; isminde bir s\u0131n\u0131f oldu\u011funu ve bu Controller s\u0131n\u0131f\u0131n\u0131n i\u00e7inde &#8220;Index&#8221; ad\u0131nda bir ActionResult tipinden metod oldu\u011funu varsayal\u0131m.<\/p>\n<p>Do\u011fal olarak View katman\u0131nda &#8220;Iletisim&#8221; ad\u0131nda bir klas\u00f6r olacak ve bu klas\u00f6r alt\u0131nda &#8220;Index.aspx&#8221; ad\u0131nda bir dosya olacakt\u0131r.\u00d6rnek olarak bu &#8220;Index.aspx&#8221; dosyas\u0131n\u0131n i\u015flevini bir User Control arac\u0131l\u0131\u011f\u0131yla yapaca\u011f\u0131m.<\/p>\n<p>Model katman\u0131nda da, standart bir ileti\u015fim formunda bar\u0131nd\u0131r\u0131lacak bilgileri tutan bir veritaban\u0131n\u0131n propertyleri olu\u015fturulmu\u015f olsun.(Ad,Soyad,E-Posta,Mesaj vs..)<\/p>\n<p>Art\u0131k User Control&#8217;umuzu View katman\u0131na ekleyelim.Solution Explorer penceresinden View katman\u0131nda bulunan &#8220;Iletisim&#8221; klas\u00f6r\u00fcne sa\u011f t\u0131klayarak &#8220;Add &#8211; View&#8221; diyoruz.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/User-Control.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1141\" title=\"User Control\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/User-Control.png\" alt=\"\" width=\"607\" height=\"280\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/User-Control.png 607w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/User-Control-300x138.png 300w\" sizes=\"auto, (max-width: 607px) 100vw, 607px\" \/><\/a><\/p>\n<p>Bu i\u015flemler sonucunda a\u015fa\u011f\u0131daki ekran gelecektir.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/ekle.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1142\" title=\"ekle\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/ekle.png\" alt=\"\" width=\"437\" height=\"433\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/ekle.png 437w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/ekle-150x150.png 150w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/ekle-300x297.png 300w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/a><\/p>\n<p>Burada dikkat etmemiz gereken husus,\u00a0RenderPartial metodumuzda bu olu\u015fturdu\u011fumuz User Control&#8217;in ismini kullanaca\u011f\u0131m\u0131z i\u00e7in &#8220;View name&#8221; alan\u0131na anla\u015f\u0131l\u0131r bir isim girmeliyiz.Ayriyetten &#8220;Create a partial view (.ascx)&#8221; se\u00e7ene\u011fini i\u015faretlemeyi unutmay\u0131n\u0131z.Bu se\u00e7enek sayesinde bu ekledi\u011fimiz nesnenin bir User Control oldu\u011funu belirtiyoruz.<\/p>\n<p>User Control&#8217;\u00fcm\u00fcz\u00fc ekledikten sonra, a\u015fa\u011f\u0131daki gibi tasar\u0131m\u0131n\u0131 olu\u015fturuyoruz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n---IletisimFormu.ascx---\r\n&lt;%@ Control Language=&quot;C#&quot; Inherits=&quot;System.Web.Mvc.ViewUserControl&lt;ParalelOrnek.Models.Iletisim&gt;&quot; %&gt;\r\n&lt;% using (Html.BeginForm())\r\n   {%&gt;\r\n&lt;table&gt;\r\n    &lt;tr&gt;\r\n        &lt;td&gt;\r\n            Ad\r\n        &lt;\/td&gt;\r\n        &lt;td&gt;\r\n            &lt;%:Html.TextBoxFor(model =&gt; model.Ad) %&gt;\r\n        &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n        &lt;td&gt;\r\n            Soyad\r\n        &lt;\/td&gt;\r\n        &lt;td&gt;\r\n            &lt;%:Html.TextBoxFor(model =&gt; model.Soyad) %&gt;\r\n        &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n        &lt;td&gt;\r\n            E-Posta\r\n        &lt;\/td&gt;\r\n        &lt;td&gt;\r\n            &lt;%:Html.TextBoxFor(model =&gt; model.EPosta) %&gt;\r\n        &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n    &lt;tr&gt;\r\n        &lt;td&gt;\r\n            Mesaj\r\n        &lt;\/td&gt;\r\n        &lt;td&gt;\r\n            &lt;%:Html.TextBoxFor(model =&gt; model.Mesaj) %&gt;\r\n        &lt;\/td&gt;\r\n    &lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n&lt;% } %&gt;\r\n<\/pre>\n<p>Dikkat ederseniz, User Control&#8217;\u00fcm\u00fcz kaynak kodlar\u0131nda da, kaynak kod sayfam\u0131z\u0131n \u00fcst sat\u0131r\u0131nda belirtildi\u011fi gibi,&#8221;Inherits&#8221; \u00f6zelli\u011finde belirtilen &#8220;Iletisim&#8221; modeli kullan\u0131lmaktad\u0131r.Bu modeli, ana sayfam\u0131z olan<span style=\"font-size: x-small;\">(yani User Control\u00fcn kullan\u0131ld\u0131\u011f\u0131 sayfadan bahsediyorum)<\/span>, User Control&#8217;\u00fcm\u00fcze kendimiz g\u00f6nderece\u011fiz.Bu i\u015flemi yapmay\u0131da &#8220;RenderPartial&#8221; metodu sa\u011fl\u0131yor.<\/p>\n<p>\u015eimdi &#8220;Index.aspx&#8221; sayfas\u0131nda &#8220;RenderPartial&#8221; metoduyla bu User Control&#8217;\u00fc \u00e7ekelim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n---Index.aspx---\r\n&lt;% Html.RenderPartial(&quot;IletisimForm&quot;, Model); %&gt;\r\n<\/pre>\n<p>Yukar\u0131da g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, &#8220;IletisimForm&#8221; ad\u0131ndaki User Control&#8217;\u00fc RenderPartial metoduyla \u00e7al\u0131\u015ft\u0131r\u0131yoruz ve User Control&#8217;de &#8220;Inherits&#8221; \u00f6zelli\u011finde belirtilen &#8220;Iletisim&#8221; modelini 2. parametreyle g\u00f6nderiyoruz.<\/p>\n<p>E\u011fer sizlerde g\u00fczel g\u00f6rsel bir proje \u00fczerinde bu y\u00f6ntemi deneyip, projeyi \u00e7al\u0131\u015ft\u0131r\u0131rsan\u0131z MVC&#8217;de User Control kullan\u0131m\u0131n\u0131 ba\u015farm\u0131\u015f olacaks\u0131n\u0131z.Faydalanman\u0131z dile\u011fiyle..<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar..<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Bu yaz\u0131m\u0131zda Asp.NET MVC&#8217;de RenderPartial metodunu yani Asp.NET MVC&#8217;de User Control&#8217;leri kullanmay\u0131 g\u00f6rece\u011fiz.Herzaman oldu\u011fu gibi, ilgili konu hakk\u0131nda avantaj &#8211; dezavantaj sorgulamas\u0131n\u0131 yapmam\u0131z gerekirse e\u011fer, User Control&#8217;lerin browser tabanl\u0131 eri\u015fimleri engellendikleri i\u00e7in normal .aspx&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[746,283,311,312],"class_list":["post-1135","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","tag-asp-net-mvc","tag-mvc","tag-renderpartial","tag-user-control"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1135"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1135\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}