[英]Get record count in Kendo Grid after dataSource.read
I want to be able to push the record count from my Kendo grid after read (refresh). 我希望能够在读取(刷新)后从我的Kendo网格中推送记录数。
Here is my Kendo Grid: 这是我的剑道网格:
@(Html.Kendo().Grid(Model)
.Name("SearchWindowGrid")
.Columns(columns =>
{
columns.Bound(p => p.SYSTEM_ITEMS_SEGMENT1).Hidden();
})
.ClientRowTemplate(
"<tr>" +
"<td>" +
"<span><b>#: SYSTEM_ITEMS_SEGMENT1#</b></span> <br/>" +
"<span>#: DESCRIPTION# </span>" +
"</td>" +
"</tr>"
)
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("PopulateSearchWindow", "Item").Data("additionalSearchWindowInfo"))
.Events(ev => ev.Error("onErrorSearchWindow"))
)
.Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Scrollable(s => s.Enabled(true).Height(450))
)
My Controller action: 我的控制器动作:
public ActionResult PopulateSearchWindow([DataSourceRequest] DataSourceRequest request, string option, string searchText, string searchDesc)
{
try
{
var derps= _idg.SearchItems(searchText, searchDesc, _adg.OrganizationCode).ToList();
return Json(derps.ToDataSourceResult(request, ModelState));
}
catch (Exception e)
{
ModelState.AddModelError("ExceptionErrors", e.Message);
return Json(new List<Derp>().ToDataSourceResult(request, ModelState));
}
}
Here is my function that forces data refresh: 这是强制数据刷新的函数:
function refreshData(){
$("#SearchWindowGrid").data("kendoGrid").dataSource.read();
//TODO: get the total count and push to #countElement
var count = $("#SearchWindowGrid").data("kendoGrid").length; //not sure what to do here
$("#countElement").val(count);
}
Where I put my TODO in the jQuery function I want to be able to get the number of rows and push that number into a specific elemnt on my page. 我把我的TODO放在jQuery函数中的地方我希望能够获得行数并将该数字推送到我页面上的特定元素中。
According to the API Reference here 根据这里的API参考
the dataSource has a total() function. dataSource有一个total()函数。 So you should be able to do the following, in theory:
所以你应该能够在理论上做到以下几点:
function refreshData(){
var grid = $("#SearchWindowGrid").data("kendoGrid");
grid.dataSource.read();
var count = grid.dataSource.total();
$("#countElement").val(count);
}
I found that when you request the .total() after a .read() function the grid would not be really refreshed, even if you call .refresh() right after the read function. 我发现当你在.read()函数之后请求.total()时,即使你在read函数之后调用.refresh(),网格也不会真正刷新。 By defining a change event, the following would make getting the total more elegant and accurate:
通过定义更改事件,以下内容将使总体更加优雅和准确:
@(Html.Kendo().Grid(Model)
.Name("SearchWindowGrid")
...
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("PopulateSearchWindow", "Item").Data("additionalSearchWindowInfo"))
.Events(ev => ev.Error("onErrorSearchWindow").Change("OnGridChange"))
)
)
with the following scripts: 使用以下脚本:
function refreshData(){
var grid = $("#SearchWindowGrid").data("kendoGrid");
grid.dataSource.read();
grid.refresh();
}
function OnGridChange() {
var grid = $("#SearchWindowGrid").data("kendoGrid");
var count = grid.dataSource.total();
$("#countElement").val(count);
}
The gardarvalur code works fine too: gardarvalur代码也可以正常工作:
var gridElements = $("#MyGri").data("kendoGrid").dataSource;
gridElements.fetch(function ()
{var total = gridElements.total(); })
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.