برای استفاده از مودال بوت استرپ در mvc بصورت زیر عمل کنید
بعد از ایجاد کنترلر و سپس ایجاد یک اکشن به نام Index ویوی متناظر با آنرا ایجاد نمایید.
در ویوی index کدهای زیر را مینویسیم.
ابتدا فرم مودال بوت استرپ را در index بصورت زیر مینویسیم
div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body" id="bodymodal">
</div>
</div>
</div>
</div>
قرار است با کلیک بر روی گزینه ای ویوی مورد نظر خود را در پنجره بالا نمایش دهیم بعنوان مثال کد زیر را در اکشن index بنویسید
<a href="#" onclick="Create()">افزودن گروه جدید</a>
نکته : فایلهای بوت استرپ , jquery به برنامه اضافه گردد
حالا وقت ان رسیده که برای رویداد کلیک افزودن گروه جدید کدی بنویسیم بنابراین تابع جاوا اسکریپتی زیر را نیز در ویوی index بنویسید
function Create()
{
$.ajax({
url: " /PageGroups/Create",
type: "Get",
data:{}
}).done(function (result) {
$('#myModal').modal('show');
$('#myModalLabel').html('افزودن گروه جدید');
$('#bodymodal').html(result);
});
}
سپس اکشن create را با توجه به این مسیر /PageGroups/Create در پوشه و کنترلر مورد نظر بصورت زیر بنویسید
public ActionResult Create()
{
return PartialView();
}
// POST: /PageGroups/Create
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create()
{
if (ModelState.IsValid)
{
return RedirectToAction("Index");
}
return View(pagegroup);
}
در پایان ویوی مورد نظر را برای create ایجاد نمایید
بعد از اجرای برنامه با مشاهده ویوی index و کلیک بر روی گزینه افزودن گروه جدید فرم create بصورت ایجکس در داخل مودال بوت استرپ نمایش داده خواهد شد
