Grid.mvc在局部视图中使用 [英] Grid.mvc using in partial view
问题描述
I have a problem about use Grid.mvc in Partial View. When I use grid.mvc in View, it working normal but when I use in partial view, grid.mvc can't paging, filter... Have any idea? Thanks you very much! This is my code:
我尝试过：
< pre lang =HTML>
<！ - Index.html - >
@ {
ViewBag.Title =ABC;
布局=〜/ Views / Shared / _Layout.cshtml;
}
< div class =row>
< div class =col-xs-9 col-lg-10>
< div class =box box-primary>
< div class =box-header with-border>< / div>
< div class =box box-body>
< div class =row>
< div class =col-xs-12 col-lg-12>
< div id =products>< / div>
< / div>
< / div>
< ; / div>
< / div>
< / div>
< / div>
& lt; script>
$（function（）{
$ .ajax（{
url：'@ Url.Action（GetProducts，Equipment）'，
dataType：html，
类型： GET，
cache：false，
contentType：'application / html; charset = utf-8'，
成功：功能（数据）{
$（＃products）。html（数据）;
}，
错误：函数（xhr）{
alert（xhr）;
}
}） ;
}）;
& lt; / script>
<！ - 部分视图 - >
@using GridMvc.Html
& ; lt; script src =@ Url.Content（〜/ Content / Scripts / gridmvc.min.js）>& lt; / script>
& lt; script src =@ Url.Content（〜/ Content / Scripts / jquery-1.10.2.min.js）>& lt; / script>
@ Html.Grid（（IEnumerable< ; Model.ViewModels.EquipmentModel>）ViewBag.ListEquipment）.Named（ast）。Columns（columns =>
{
columns.Add（c => ; c.Serial_No）.Titled（Sốserial）。Filterable（true）.SetWidth（100）.Sortable（true）;
columns.Add（c => c.Name）.Titled（Tênthiếtbị）。Filterable（true）.SetWidth（250）.Sortable（true）;
}）。WithPaging（10）.Sortable（true）
& lt; script src =〜/ Content / Scripts / gridmvc.js>& lt; / script>
<！ - 控制器 - >
公共类EquipmentController：BaseController
{
string strError =;
//获取设备
公共ActionResult索引（）
{
返回查看（）;
}
公共ActionResult GetProducts（字符串ID）
{
var model = getEquipmentByID（Convert.ToInt16（ID））; //获取数据
ViewBag.ListEquipment = model;
返回PartialView（GetProducts，型号）;
}
}
< / pre>
What I have tried:
<pre lang="HTML">
<!-- Index.html -->
@{
ViewBag.Title = "ABC";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="row">
<div class="col-xs-9 col-lg-10">
<div class="box box-primary">
<div class="box-header with-border"></div>
<div class="box box-body">
<div class="row">
<div class="col-xs-12 col-lg-12">
<div id="products"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function() {
$.ajax({
url: '@Url.Action("GetProducts", "Equipment")',
dataType: "html",
type: "GET",
cache: false,
contentType: 'application/html; charset=utf-8',
success: function (data) {
$("#products").html(data);
},
error: function (xhr) {
alert(xhr);
}
});
});
</script>
<!--Partial view-->
@using GridMvc.Html
<script src="@Url.Content("~/Content/Scripts/gridmvc.min.js")"></script>
<script src="@Url.Content("~/Content/Scripts/jquery-1.10.2.min.js")"></script>
@Html.Grid((IEnumerable<Model.ViewModels.EquipmentModel>)ViewBag.ListEquipment).Named("ast").Columns(columns =>
{
columns.Add(c => c.Serial_No).Titled("Số serial").Filterable(true).SetWidth(100).Sortable(true);
columns.Add(c => c.Name).Titled("Tên thiết bị").Filterable(true).SetWidth(250).Sortable(true);
}).WithPaging(10).Sortable(true)
<script src="~/Content/Scripts/gridmvc.js"></script>
<!-- Controller -->
public class EquipmentController : BaseController
{
string strError = "";
// GET: Equipment
public ActionResult Index()
{
return View();
}
public ActionResult GetProducts(string ID)
{
var model = getEquipmentByID(Convert.ToInt16(ID)); //Get data
ViewBag.ListEquipment = model;
return PartialView("GetProducts", model);
}
}
</pre>
推荐答案
（function（）{
(function() {
.ajax（{
url：'@ Url.Action（GetProducts，Equipment）'，
dataType：html，
类型：GET，
cache：false，
contentType：'application / html; charset = utf-8'，
成功：功能（数据）{
.ajax({
url: '@Url.Action("GetProducts", "Equipment")',
dataType: "html",
type: "GET",
cache: false,
contentType: 'application/html; charset=utf-8',
success: function (data) {
（＃products）。html（数据）;
}，
错误：函数（xhr）{
alert（xhr）;
}
}）;
}）;
& lt; / script>
<！ - -Partial view - >
@using GridMvc.Html
& lt; script src =@ Url.Content（〜/ Content / Scripts / gridmvc.min.js）>& lt; / script>
& lt; script src =@ Url.Content（〜/ Content / Scripts / jquery-1.10.2.min.js）>& lt; / script>
@ Html.Grid（（IEnumerable< Model.ViewModels.EquipmentModel>）ViewBag.ListEquipment）.Named（ast）。Columns（columns =>
{
columns.Add（c => c.Serial_No）.Titled（Sốserial）。Filterable（true）.SetWidth（100）.Sortable（true）;
columns.Add（c => c.Name）.Titled （Tênthiếtbị）。可过滤（真实）.SetWidth（250）.Sortable（true）;
}）。WithPaging（10）.Sortable（true）
& lt; script src =〜/ Content / Scripts / gridmvc.js>& lt; / script>
<！ - Controller - >
公共类EquipmentController：BaseController
{
string strError =;
//获取：设备
公共ActionResult索引（）
{
返回查看（）;
}
公共ActionResult GetProducts（字符串ID）
{
var model = getEquipmentByID（Convert.ToInt16（ID））; //获取数据
ViewBag.ListEquipment = model;
返回PartialView（GetProducts，型号）;
}
}
< / pre>
("#products").html(data);
},
error: function (xhr) {
alert(xhr);
}
});
});
</script>
<!--Partial view-->
@using GridMvc.Html
<script src="@Url.Content("~/Content/Scripts/gridmvc.min.js")"></script>
<script src="@Url.Content("~/Content/Scripts/jquery-1.10.2.min.js")"></script>
@Html.Grid((IEnumerable<Model.ViewModels.EquipmentModel>)ViewBag.ListEquipment).Named("ast").Columns(columns =>
{
columns.Add(c => c.Serial_No).Titled("Số serial").Filterable(true).SetWidth(100).Sortable(true);
columns.Add(c => c.Name).Titled("Tên thiết bị").Filterable(true).SetWidth(250).Sortable(true);
}).WithPaging(10).Sortable(true)
<script src="~/Content/Scripts/gridmvc.js"></script>
<!-- Controller -->
public class EquipmentController : BaseController
{
string strError = "";
// GET: Equipment
public ActionResult Index()
{
return View();
}
public ActionResult GetProducts(string ID)
{
var model = getEquipmentByID(Convert.ToInt16(ID)); //Get data
ViewBag.ListEquipment = model;
return PartialView("GetProducts", model);
}
}
</pre>
这篇关于Grid.mvc在局部视图中使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
