﻿
{"id":2792,"date":"2014-06-18T19:46:39","date_gmt":"2014-06-18T19:46:39","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=2792"},"modified":"2014-06-18T19:46:39","modified_gmt":"2014-06-18T19:46:39","slug":"asp-net-mvc-dropdownlist-autoposteleman-secildiginde-otomatik-post-edilmesi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-dropdownlist-autoposteleman-secildiginde-otomatik-post-edilmesi\/","title":{"rendered":"Asp.NET MVC &#8211; DropDownList AutoPost(Eleman Se\u00e7ildi\u011finde Otomatik Post Edilmesi)"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Asp.NET MVC mimarisi yap\u0131 gere\u011fi Post &#8211; Back mimarisinden olduk\u00e7a farkl\u0131 bir temele sahiptir.Asp.NET mimarisinde ise Post &#8211; Back temelli oldu\u011fu i\u00e7in server tabanl\u0131 forum nesnelerin baz\u0131lar\u0131nda tetiklenme esnas\u0131nda Post i\u015flemi uygulayabiliyor, hatta AutoPostBack \u00f6zelli\u011fi olan nesneler \u00fczerinde otomatik Post i\u015flemi ger\u00e7ekle\u015ftirebiliyorduk.Haliyle b\u00f6yle durumda Asp.NET MVC mimarisinin AutoPost i\u015flemini nas\u0131l yapaca\u011f\u0131m\u0131z\u0131 sorguluyoruz.MVC yap\u0131sal olarak genellikle server tabanl\u0131 nesnelerden ba\u011f\u0131ms\u0131z bir \u015fekilde HTML nesnelerine ba\u011fl\u0131 bir \u00e7al\u0131\u015fma \u015feklinde oldu\u011fu i\u00e7in bu tarz uygulamalarda JavaScript ya da benzer tabanl\u0131 jQuery tarz\u0131nda Client taraf\u0131nda \u00e7al\u0131\u015fan dillerden destek almak mecburiyetindeyiz.Bu yaz\u0131m\u0131zda DropDownList \u00fczerinde AutoPost i\u015fleminin nas\u0131l yap\u0131laca\u011f\u0131n\u0131 bir \u00f6rnekle irdeleyece\u011fiz.<br \/>\n<!--more--><br \/>\nHi\u00e7 uzatmadan hemen \u00f6rne\u011fe girelim.<br \/>\nController s\u0131n\u0131f\u0131m\u0131zda bir say\u0131 listesi olu\u015fturup View katman\u0131na g\u00f6nderelim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n        public ActionResult Index()\r\n        {\r\n            List&lt;int&gt; Sayilar = new List&lt;int&gt;();\r\n            for (int i = 0; i &lt; 100; i++)\r\n            {\r\n                Sayilar.Add(i);\r\n            }\r\n            return View(Sayilar);\r\n        }\r\n<\/pre>\n<p>Ard\u0131ndan DropDownList nesnemizi olu\u015ftural\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n        @using (Html.BeginForm(&quot;Index&quot;, &quot;Home&quot;, FormMethod.Post, new { id = &quot;ListeForm&quot; }))\r\n        {\r\n            @Html.DropDownList(&quot;Sayilar&quot;, new SelectList(Model), new { id = &quot;SayiListesi&quot; })\r\n        }\r\n<\/pre>\n<p>G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi DropDownList nesnemizde se\u00e7im an\u0131nda Post i\u015flemi ger\u00e7ekle\u015ftirece\u011fimiz i\u00e7in bir form i\u00e7ine yerle\u015ftiriyoruz.<br \/>\n\u015eimdi bir eleman se\u00e7ildi\u011fi anda bu formu tetikleyecek jQuery kodumuzu yazal\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\n    $(function () {\r\n        $(&quot;#SayiListesi&quot;).change(function () {\r\n            $('#ListeForm').submit();\r\n        });\r\n    });\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>\u0130\u015flemlerimiz bu kadar.DropDownList nesnesinden bir eleman se\u00e7ti\u011fimiz zaman Index metodunun HttpPost attributeuyla i\u015faretlenmi\u015f overload versiyonu a\u015fa\u011f\u0131daki gibi tetiklenmektedir.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2014\/06\/DropDownList-AutoPost.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2014\/06\/DropDownList-AutoPost.png\" alt=\"DropDownList AutoPost\" width=\"297\" height=\"112\" class=\"aligncenter size-full wp-image-2794\" \/><\/a><\/p>\n<p>Yukar\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc incelerseniz e\u011fer tetiklendi\u011fi anda Post edilen de\u011feri elde edebiliyoruz.<br \/>\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar&#8230;<\/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>Asp.NET MVC mimarisi yap\u0131 gere\u011fi Post &#8211; Back mimarisinden olduk\u00e7a farkl\u0131 bir temele sahiptir.Asp.NET mimarisinde ise Post &#8211; Back temelli oldu\u011fu i\u00e7in server tabanl\u0131 forum nesnelerin baz\u0131lar\u0131nda tetiklenme esnas\u0131nda Post i\u015flemi uygulayabiliyor, hatta AutoPostBack&#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,600,19,345],"tags":[746,605,443],"class_list":["post-2792","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","category-asp-net-mvc-5","category-jquery","category-mvc-4-0","tag-asp-net-mvc","tag-autopost","tag-dropdownlist"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2792","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=2792"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2792\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=2792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=2792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=2792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}