استخراج داده با Ajax از partialview و قرار دادن آن در المان html
در این مثال وقتی فرم RecordP مخفی می شود تابع Ajax اجرا شده و مقادیر را از جدول خوانده و آن را مجددا به روز می کند.
<script type="text/javascript">
$(document).ready(function () {
$("#RecordP").on("hide.bs.modal", function () {
$.ajax({
type: "GET",
url: '/FBProject/GetAllProjectPartial',
//data: formData,
contentType: false,
processData: false,
dataType: "html",
cache: false,
success: successFunc,
error: errorFunc,
complete: completeFunc
});
function successFunc(data)
{
$('#mainpage').html(data);
}
function errorFunc() { alert("خطا در آپلود فایل"); }
function completeFunc() { $('#loading').remove(); }
});
});
</script>
باند کردن مدل به DropDownList درMVC
کدهای کنترلر برای فرستادن داده های مدل
public ActionResult Create()
{
ViewBag.FBAbnieVahedID = new SelectList(db.FBAbnieVahed, "FBAbnieVahedID", "FBAbnieVahedName");
return View();
}
کدهای view برای نمایش داده ها :
<div class="form-group">
@Html.LabelFor(model => model.FBAbnieVahedID, "واحد", htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.DropDownList("FBAbnieVahedID", null, htmlAttributes: new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.FBAbnieVahedID, "", new { @class = "text-danger" })
</div>
</div>
پارمتر اول Html.DropDownList که به صورت String می باشد مشخص کننده نام پارامتر ViewBag ی می باشد که داده ها مدل توسط آن ارسال شده است.
@Html.DropDownList("MachBrandID", (SelectList)ViewBag.MyList, "انتخاب کنید", htmlAttributes: new { @class = "form-control" })
ست کردن آی دی برای کنترل
@Html.DropDownList("MachBrandID", null, htmlAttributes: new { @class = "form-control", id = "mbrand" })
مقدار دهی کنترل از طریق آی دی :
$("document").ready(function () {
$('#mbrand').val('@Model.MachBrandID');
});
کد اکشن از کنترلر
public ActionResult addjs()
{
String ss = "$('#opener').click(function () {$('#dialog').dialog('open');});";
return Content(ss);
}
<script type="text/javascript"> @{ Html.RenderAction("addjs", "MachGroup"); } </script>
<script type="text/javascript" src="~/MachGroup/addjs"></script>