سلام و ارزوی سلامتی
من از grid.mvc در یک پارشیال ویو استفاده کردم.و پارشیال را با ایجکس در یک ویو فراخوانی می کنم.در هنگام فراخوانی لیست و گیرید بخوبی نمایش داده می شود اما زمانی که بر روی فیلتر یا پیجینگ
کلیک می کنم لیست به صفحه خالی ویو بر می گرده و گرید برای اطلاعات جدید رفرش نمیشه.
لطفا من رو راهنمایی کنید چطور این مشکل رو برطرف کنم.متشکرم
به احتمال زیاد مشکلی در کد نویسی شما وجود دارد
کدتون رو قرار بدید تا بررسی کنم
کد ویو به صورت
از لطف شما ممنونم استاد.کد ویو و کد پارشیال ویو رو قرار دادم.
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/scripts/jquery-1.10.2.min.js"></script>
<title>ReportMasterPage</title>
</head>
<body>
<div class="row" style="margin-top:30px" >
<div class="col-md-1"></div>
<div class="col-md-2" id="reportList">
<div class="list-group">
<a href="#" class="list-group-item disabled " style="background-color: palevioletred;text-align:center" >گزارش اموال فناوری اطلاعات</a>
<a href="#" class="list-group-item ">اموال افراد شرکت</a>
@*<a href="#" class="list-group-item">اموال افراد با شماره اموال</a>
<a href="#" class="list-group-item">اموال افراد بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">مودم</a>*@
<a href="#" class="list-group-item" onclick="Getmobil()"> مودم </a>
<a href="#" class="list-group-item" onclick="GetAllMonitor()">مانیتور ها</a>
<a href="#" class="list-group-item" onclick="GetAllMouse()">ماوس </a>
<a href="#" class="list-group-item" onclick="GetAllKeyboard()">کیبورد </a>
<a href="#" class="list-group-item" onclick="GetAllCamera()">کل دوربین </a>
<a href="#" class="list-group-item" onclick="GetAllSwitch()">سویچ </a>
<a href="#" class="list-group-item" onclick="GetAllscaner()">اسکنر </a>
<a href="#" class="list-group-item" onclick="GetAllCase()">کیس </a>
@Html.ActionLink("بازگشت به لیست اصلی ", "Index", "RegisterHardwares", new { area = "HrdReg" }, new { @class = "list-group-item" })
<!-- #region Comment -->
@*<a href="#" class="list-group-item" onclick="Getwitamval()">مودم ها با شماره اموال</a>*@
@*<a href="#" class="list-group-item"> مودم ها بدون شماره امول </a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">دوربین</a>*@
@*<a href="#" class="list-group-item">کل دوربین ها </a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">کیبورد </a>*@
@*<a href="#" class="list-group-item">کیبورد ها با شماره اموال</a>
<a href="#" class="list-group-item">کیبورد ها بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">ماوس</a>*@
@*<a href="#" class="list-group-item">ماوس ها </a>
<a href="#" class="list-group-item">ماوس ها با شماره اموال</a>
<a href="#" class="list-group-item">ماوس ها بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">پرینتر</a>
<a href="#" class="list-group-item">پرینتر ها </a>
<a href="#" class="list-group-item">پرینتر ها با شماره اموال</a>
<a href="#" class="list-group-item">پرینتر ها بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">اسکنر</a>
<a href="#" class="list-group-item">اسکنر ها </a>
<a href="#" class="list-group-item">اسکنر ها با شماره اموال</a>
<a href="#" class="list-group-item">اسکنر ها بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">سویچ </a>
<a href="#" class="list-group-item">سویچ ها</a>
<a href="#" class="list-group-item">سویچ ها با شماره اموال</a>*@
@*<a href="#" class="list-group-item">سویچ ها بدون شماره اموال</a>*@
@*<a href="#" class="list-group-item disabled" style="background-color:antiquewhite">کیس</a>
<a href="#" class="list-group-item">کیس ها </a>
<a href="#" class="list-group-item">کیس ها با شماره اموال</a>
<a href="#" class="list-group-item">کیس ها بدون شماره اموال</a>*@
<!-- #endregion -->
</div>
</div>
<div class="col-md-8" id="reportcontent">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"> نمایش لیست</h3>
</div>
<div class="panel-body" id="ContentDiv">
در حال حاضر محتوایی موجود نیست...
<br />
لطفا یکی از گزارش ها یموجود را انتخاب نمایید.
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
</body>
</html>
<script>
function Getmobil() {
$.ajax({
url: "/HrdReg/Reports/GetAllModem",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllMonitor() {
$.ajax({
url: "/HrdReg/Reports/_GetAllMonitor",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllMouse() {
$.ajax({
url: "/HrdReg/Reports/_GetAllMouse",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllKeyboard() {
$.ajax({
url: "/HrdReg/Reports/_GetAllMouse",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllCamera() {
$.ajax({
url: "/HrdReg/Reports/_GetAllCamera",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllSwitch() {
$.ajax({
url: "/HrdReg/Reports/_GetAllSwitch",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllCase() {
$.ajax({
url: "/HrdReg/Reports/_GetAllCase",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
function GetAllscaner() {
$.ajax({
url: "/HrdReg/Reports/_GetAllscaner",
type: "Get"
}).done(function (res) {
$('#ContentDiv').html(res);
});
}
</script>
و کد پارشیال به صورت
@model IEnumerable<SamaneAmval.Models.vmModemAll>
@using GridMvc.Html
<div class="code-cut">
@Html.Grid(Model).Columns(columns =>
{
columns.Add(model => model.Name).Titled("نام").Filterable(true);
columns.Add(model => model.Family).Titled("نام خانوادگی").Filterable(true);
columns.Add(model => model.ModelModem).Titled("نوع ").Filterable(true);
columns.Add(model => model.SerialModem).Titled("شماره سریال ").Filterable(true);
columns.Add(model => model.AmvalNumber).Titled("شماره اموال ").Filterable(true);
columns.Add()
.Encoded(false)
.Sanitized(false)
.SetWidth(30)
.RenderValueAs(o => Html.ActionLink("Edit", "Edit", new { id = o.Id }));
}).WithPaging(2).Sortable(true)
</div>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/Gridmvc.css" rel="stylesheet" />
<script src="~/scripts/jquery-1.10.2.min.js"></script>
<script src="~/scripts/gridmvc.min.js"></script>
اون رفرنس ها را از پایین پارشیال حذف کنید و دوباره تست کنید
اونا باعث تداخل میشه
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)