{"id":3183,"date":"2015-08-15T23:54:23","date_gmt":"2015-08-15T23:54:23","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=3183"},"modified":"2015-08-15T23:54:59","modified_gmt":"2015-08-15T23:54:59","slug":"asp-net-mvc-tek-formda-birden-fazla-buton-durumlari","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-tek-formda-birden-fazla-buton-durumlari\/","title":{"rendered":"Asp.NET MVC – Tek Form’da Birden Fazla Buton Durumlar\u0131"},"content":{"rendered":"
<\/div>\n

Asp.NET MVC mimarisinin, Asp.NET Web Forms mimarisinden daha performansl\u0131 ve daha dinamik bir yap\u0131 oldu\u011funu hepimiz biliyoruz.Lakin baz\u0131 durumlar vard\u0131r ki, iki mimari aras\u0131ndaki do\u011frusal farklar\u0131 negatifleyebilir ve Asp.NET Web Forms mimarisindeki kolayl\u0131klar\u0131 arayabiliriz.Bu yaz\u0131m\u0131z\u0131n i\u00e7eri\u011fi bu tarz bir durumdan kaynaklanmaktad\u0131r.Bir Asp.NET MVC mimarisiyle olu\u015fturulan projede tek bir formda birden fazla buton varsa e\u011fer nas\u0131l bir kontrol yapabiliriz? sorusunu sormam bana bu i\u00e7eri\u011fi olu\u015fturtmu\u015ftur.<\/p>\n

Evet, biliyorum.Baz\u0131 okurlar\u0131m\u0131z daha yaz\u0131y\u0131 tam te\u015fekk\u00fcll\u00fc okumadan; “bunda ne var ki”, “tetikleyen buton isimlerini kontrol edersin olur biter” gibisinden yorumda bulunacakt\u0131r.Lakin bu yaz\u0131mda, tek form i\u00e7inde bulunan birden fazla butondan hangisinin hangi Action’\u0131 tetikleyece\u011fini nas\u0131l belirtebilece\u011fimizi g\u00f6sterece\u011fim.Evet, bunuda farkl\u0131 algoritmik i\u015flemler neticesinde ger\u00e7ekle\u015ftirebiliriz.Ama ben daha programatik ve profesyonel bir teknik g\u00f6sterece\u011fim.Tabi ki de, siz okurlar\u0131m\u0131n ba\u015fta d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fc varsayd\u0131\u011f\u0131m basit yap\u0131 hakk\u0131nda da \u00f6rneklendirmeler yapaca\u011f\u0131m.Evet \u015fimdi konumuza ba\u015flayal\u0131m.<\/p>\n

\u015eimdi a\u015fa\u011f\u0131daki iki t\u00fcrl\u00fc form yap\u0131s\u0131n\u0131 inceleyiniz.<\/p>\n

\r\n@using (Html.BeginForm("", "", FormMethod.Post))\r\n{\r\n    <input type="submit" value="Buton A" \/>\r\n    <br \/>\r\n    <input type="submit" value="Buton B" \/>\r\n}\r\n<\/pre>\n
\"Asp.NET<\/a>
Kaynak G\u00f6r\u00fcnt\u00fcs\u00fc<\/p><\/div>\n
\r\n@using (Html.BeginForm("OrnekAction", "Home", FormMethod.Post))\r\n{\r\n    <input type="submit" value="Buton A" \/>\r\n    <br \/>\r\n    <input type="submit" value="Buton B" \/>\r\n}\r\n<\/pre>\n
\"Asp.NET<\/a>
Kaynak G\u00f6r\u00fcnt\u00fcs\u00fc<\/p><\/div>\n
Yukar\u0131da iki farkl\u0131 form yap\u0131s\u0131 belirttim ve ikisinin de taray\u0131c\u0131daki kaynak \u00e7\u0131klat\u0131lar\u0131n\u0131n g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcde payla\u015ft\u0131m.Dikkat ederseniz her iki form yap\u0131s\u0131nda iki adet buton bulunmaktad\u0131r.Lakin iki form aras\u0131ndaki fark, birinin action yolu belirtilmemi\u015fken, di\u011ferine \/Home\/OrnekAction adresi belirtilmi\u015ftir.<\/p>\n
E\u011fer action yolu belirtilmeyen form yap\u0131s\u0131nda ki her hangi bir butona t\u0131klan\u0131rsa e\u011fer bo\u015f bir Post – Back i\u015flemi ger\u00e7ekle\u015fecektir.Action yolu \/Home\/OrnekAction olarak belirtilen formdaki her hangi bir butona t\u0131klarsak e\u011fer “Home(Controller).cs” isimli Controller s\u0131n\u0131f\u0131m\u0131zdaki “OrnekAction” isimli metodumuz tetiklenecektir.Peki ben bu iki form \u00f6rne\u011finde oldu\u011fu gibi hangi butonun hangi Action’\u0131 tetikleyece\u011fini nas\u0131l kontrol edebilirim?\u0130\u015fte bu yaz\u0131m\u0131zda bu iki form \u00f6rne\u011fine uygun a\u00e7\u0131klama yapaca\u011f\u0131z.<\/p>\n
Bu i\u015flem bir \u00e7ok algoritmik teknikle yap\u0131labilece\u011fi gibi temelde iki pratik teknik ile ger\u00e7ekle\u015ftirilmektedir.\u00d6ncelikle ben yaz\u0131m\u0131z\u0131n ana i\u00e7eri\u011fini olu\u015fturacak olan teknikten yani Attribute olu\u015fturarak \u00e7\u00f6z\u00fcm bulmaktan ba\u015flamay\u0131 istiyorum.<\/p>\n
\r\n    [AttributeUsage(AttributeTargets.Method, AllowMultiple = false, Inherited = true)]\r\n    public class CokluButonAttribute : ActionNameSelectorAttribute\r\n    {\r\n        public string Name { get; set; }\r\n        public string Argument { get; set; }\r\n\r\n        public override bool IsValidName(ControllerContext controllerContext, string actionName, MethodInfo methodInfo)\r\n        {\r\n            var isValidName = false;\r\n            var keyValue = string.Format("{0}:{1}", Name, Argument);\r\n            var value = controllerContext.Controller.ValueProvider.GetValue(keyValue);\r\n\r\n            if (value != null)\r\n            {\r\n                controllerContext.Controller.ControllerContext.RouteData.Values[Name] = Argument;\r\n                isValidName = true;\r\n            }\r\n\r\n            return isValidName;\r\n        }\r\n    }\r\n<\/pre>\n
Yukar\u0131daki “CokluButonAttribute” isimli bir Attribute tan\u0131mlam\u0131\u015f olduk.Bu Attribute’u kullanabilmek i\u00e7in formumuzun buton nesnelerinde a\u015fa\u011f\u0131daki de\u011fi\u015fikli\u011fi yapmam\u0131z gerekmektedir.<\/p>\n
\r\n@using (Html.BeginForm("", "", FormMethod.Post))\r\n{\r\n    <input type="submit" value="Buton A" name="action:btnA" \/>\r\n    <br \/>\r\n    <input type="submit" value="Buton B" name="action:btnB"\/>\r\n}\r\n<\/pre>\n
\u015eimdi buraya kadar ne yapt\u0131k, ne ettik bahsetmekte fayda var.Yukar\u0131da yazm\u0131\u015f oldu\u011fumuz Attribute, bir post i\u015fleminde ilgili tetiklemeyi yapan buton nesnesini tan\u0131mlamam\u0131za yard\u0131mc\u0131 olacakt\u0131r.Bu tan\u0131mlamada kullanaca\u011f\u0131m\u0131z iki Property Attribute’ta mevcuttur.Bunlar kodlarda g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi Name ve Argument propertyleridir.Formumuzdaki butonlarda yapt\u0131\u011f\u0131m\u0131z g\u00fcncellemeye bakarsan\u0131z e\u011fer, butonlar\u0131n name \u00f6zelli\u011fine verilen (\u00f6rn)”action:btnA” komutlar\u0131, Attribute’umuz da ki Name ve Argument \u00f6zelliklerini kar\u015f\u0131lamaktad\u0131r.Bu sistem \u015f\u00f6yle \u00e7al\u0131\u015facakt\u0131r.E\u011fer bir tetikleme i\u015flemi ger\u00e7ekle\u015firse Attribute’umuzu devreye sokaca\u011f\u0131z ve Attribute’ta tan\u0131mlad\u0131\u011f\u0131m\u0131z buton tetikleme yapt\u0131ysa istedi\u011fimiz Action’\u0131 \u00e7al\u0131\u015ft\u0131raca\u011f\u0131z.<\/p>\n
Gelin \u015fimdi bu mant\u0131\u011f\u0131 pratikte uygulayal\u0131m.
\n“Home(Controller).cs” isimli Controller s\u0131n\u0131f\u0131m\u0131za a\u015fa\u011f\u0131daki iki Action metodu ekliyorum.<\/p>\n
\r\n        [HttpPost]\r\n        public ActionResult AAction()\r\n        {\r\n            return View();\r\n        }\r\n\r\n        [HttpPost]\r\n        public ActionResult BAction()\r\n        {\r\n            return View();\r\n        }\r\n<\/pre>\n
“btnA” isimli buton tetiklendi\u011finde “AAction”, “btnB” isimli buton tetiklendi\u011finde ise “BAction” metodlar\u0131m\u0131z\u0131 tetikleyece\u011fiz.<\/p>\n
\r\n        [HttpPost]\r\n        [CokluButon(Argument = "btnA", Name = "action")]\r\n        public ActionResult AAction()\r\n        {\r\n            return RedirectToAction("Index");\r\n        }\r\n\r\n        [HttpPost]\r\n        [CokluButon(Argument = "btnB", Name = "action")]\r\n        public ActionResult BAction()\r\n        {\r\n            return RedirectToAction("Index");\r\n        }\r\n<\/pre>\n
G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi sistemde bir tetiklenme i\u015flemi oldu\u011fu esnada tetiklemeyi yapan buton “CokluButonAttribute” isimli Attribute ile kontrol edilecek ve name \u00f6zelli\u011findeki uyan parametrelere g\u00f6re ilgili Action metod \u00e7al\u0131\u015ft\u0131r\u0131lacakt\u0131r.<\/p>\n
\u015eimdi bu yap\u0131y\u0131 a\u015fa\u011f\u0131daki videodan g\u00f6rsel bir \u015fekilde nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6rebilirsiniz.
\n