PDA

View Full Version : bind کردن گروه و زیر گروه در یک فرم



mayamz
جمعه 25 فروردین 1391, 03:07 صبح
با سلام
من در یک صفجه دو قسمت دارم که میخوام در قسمت سمت راست گروه محصولات را نشان بدم و با کلیک بر روی هر گروه فرزندهای آن محصول را در قسمت چپ صفجه نمایش بدم
در نمایش گروه محصولات مشکلی ندارم ولی نمیدونم چه جوری وقتی کاربر بروی گروه محصولات کلیک میکنه فرزندهای آن محصول را در قسمت چپ نمایش بدهم

amir-yeketaz
جمعه 25 فروردین 1391, 11:45 صبح
به این حالت ها Cascading dropdown میگن و نمونه کدای زیادی در این زمینه وجود داره :

http://stackoverflow.com/questions/5497524/easiest-way-to-create-a-cascade-dropdown-in-asp-net-mvc-3-with-c-sharp

http://stackoverflow.com/questions/8310436/cascading-dropdown-lists-mvc3

http://blogs.msdn.com/b/rickandy/archive/2012/01/09/cascasding-dropdownlist-in-asp-net-mvc.aspx

http://aspnetmvceuropeanhosting.hostforlife.eu/post/European-ASPNET-MVC-3-Hosting-Cascading-Dropdownlist-in-ASPNET-MVC-3-using-jQuery.aspx

http://www.deliveron.com/blog/post/Creating-a-Cascading-Dropdown-in-ASPnet-MVC-3-and-jQuery.aspx

....

موفق باشید ...

mayamz
جمعه 25 فروردین 1391, 13:04 عصر
با تشکر
دوست عزیز Cascading dropdown را بلد هستم مشکل من این هستش که داده اول رو چه جوری بفرستم سمت سرور به نهوی که صفحه postback نخوره

amir-yeketaz
جمعه 25 فروردین 1391, 19:39 عصر
نمیدونم چه جوری وقتی کاربر بروی گروه محصولات کلیک میکنه فرزندهای آن محصول را در قسمت چپ نمایش بدهماین یعنی باید از رویداد change در یه DropDown استفاده کنید که داخل این رویداد کد ajax مربوطه رو بنویسید که option ها رو باهاش پر کنید و لینک های بالام همین کارو میکنند بدون اینکه صفحه postback بشه!

این کد جاوااسکریپت لینک آخر :

function getCities(abbr) { $.ajax({ url: "@Url.Action("Cities", "Locations")", data: {abbreviation: abbr}, dataType: "json", type: "POST", error: function() { alert("An error occurred."); }, success: function(data) { var items = ""; $.each(data, function(i, item) { items += "<option value=\"" + item.Value + "\">" + item.Text + "</option>"; }); $("#City").html(items); } }); } $(document).ready(function(){ $("#State").change(function() { var abbr = $("#State").val(); getCities(abbr); }); });

اگه غیر این میخواین شفاف تر بفرمائین سوالتون چیه؟!

mojahed
یک شنبه 18 تیر 1391, 21:39 عصر
به نظرم کدی که دوستمان اقای امیر جان نوشتن کامل و جامع هستش به نظرم همین روش را اگر اجرا کنید کاملا به نتیجه میرسید .