طراحي و ارسال پارامتر به طرح با هدف توليد پروژه در mvc

[navidiran]

سلام.
روي مسئله: طراحي يك رشته از آيتم ها شبيه خطوط در امتداد يكديگر در چند رديف همانند فايل الحاقي133245
- رنگ خطوط بصورت پيش فرض سبز رنگ در نظر گرفته شده
- دگمه شروع حركت جهت آغاز عمليات در نظر گرفته شده


<tr>
<td>
using (Html.BeginForm("Index", "Line"))@
{
<input type="button" id="btnMove" value="شروع حركت" />
}
</td>
</tr>
<tr>
<td>
using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))@
{
<div id="1" style="width:40px;height:5px;background-color:lightgreen; display:inline-block"></div>
for (int i = 0; i < 20; i++)
{
<div id=@i.ToString() style="width:40px;height:5px;background-color:lightgreen; display:inline-block"></div>
}
}
</td>
</tr>

public
ActionResult Index()
{
return View();
}
[

HttpPost]
public ActionResult Index(int num)
{
if (num > 0)
{
ViewBag.ReturnUrl = num;
}
return View();
}

شرح مشكل: با زدن دگمه شروع ، خط اول از رديف اول قرمز رنگ شود و با هر بار زدن دگمه اين رنگ قرمز به خانه بعدي منتقل گردد.

توضيحات : mvc براي تازه كارها تكنولوژي پيچيده اي هست. تحليل نحوه كار كمي پيشرفته هست.
خواهشمندم اساتيد راهنمايي راجع به نحوه انجام كار لطف كنند.

[meisam12]

با سلام به سادگی می تونی این کار رو کنی.


<script src="~/jquery.min.js"></script>

<input type="button" id="btnStart" value="شروع" />

@for (int i = 0; i < 20; i++)
{
<div class="green">
@for (int j = 0; j < 20; j++)
{
<div id="[@i,@j ]" style="width:40px;height:5px;display:inline-block"></div>
}
</div>
}





<style>
.green > div {
background-color: green;
}

.red > div {
background-color: red;
}
</style>





<script>
$(document).ready(function () {
$("#btnStart").click(function () {
var currentGreen = $(".green").first();

currentGreen.removeClass("green");
currentGreen.addClass("red");
});
});
</script>

[navidiran]

خيلي ممنونم از راهنمايي خوبتون. مشكل اينجاس كه اينكاري شما راهنمايي كردين براي كار با ASP.net هستش ولي من ميخوام اينكار رو با mvc انجام بدم.
هربار كه روي دگمه كليك ميكنم يك تغييري رو مشاهده كنم و اين كار رو هم اصولاً Controller بايد انجام بده.

لطفا در اين مورد راهنمايي كنيد.

[meisam12]

برای این کار شما باید پارامترهایی را به سرور ارسال کنید که می توانید از فرم و یا ajax استفاده کنید.اگه امکان داره سناریویی که مد نظرت هست را اعلام کن تا دقیق تر بتونم راهنمایی کنم.

[navidiran]

133451
آخرين مرحله كار قراره با زدن دگمه "شروع حركت" خانه ها يكي يكي تغيير رنگ دهند ، شبيه حركت در يك مسير .
اما قبل همه اين كارها فعلا ميخوام فقط يك خانه را با زدن دگمه تغيير رنگ بدم ، اما نميدونم اينكار رو چطور بايد توي mvc انجام بدم. نميدونم چطوري دستور را از كنترلر صادر كنم.

[navidiran]

دوستان!!! راهنمايي يا پيشنهادي؟!!!