[英]Pass 2 parameters to function in ClientTemplate of Telerik grid in Asp.net mvc3
[英]Reloading telerik grid asp.net mvc
我在asp.net mvc项目上有以下网格
<div class="actualGrid" id="actualGrid">
@(Html.Kendo().Grid<AVNO_KPMG.Models.Bench>() //Bench Grid
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.name).Title("Bench").Filterable(ftb => ftb.Cell(cell => cell.Operator("contains"))).Width(150);
columns.Bound(p => p.freeSeats).Title("Free Seats").Width(250).Filterable(ftb => ftb.Cell(cell => cell.Operator("gte")))
.ClientTemplate("<div class='barthingy'><div class='bars_text'><div class='seatsText'><img src=\"/images/booked_full_15x15.png\" /> <b>#=bookedSeats#</b> USED SEATS</div><div class='seatsText'><img src=\"/images/booked_15x15.png\" /> <b>#=freeSeats#</b> TOTAL OFSEATS</div></div><div id='bigbar'><div class='bigbar' style='width:100%; float:left; background-color:rgb(142, 188, 0);'><div ' style='float:right; width:#=bookedSeats *100 / seatsCount#%; background-color:rgb(255, 99, 71); height:16px ' class='b_#=name#' id='temp-log'></div></div></div></div>");
//buttons
columns.Command(command => { command.Custom("checkBench1 ").Text(" AM ").Click("doCheckIn"); command.Custom("checkBench 2").Text(" PM ").Click("doCheckIn"); command.Custom("checkBench3").Text("All Day").Click("doCheckIn"); }).HtmlAttributes(new { @class = "comms" }).Title("Check in");
})
.Pageable()
.Sortable()
.Scrollable(scrolling => scrolling.Enabled(false))
.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
//.HtmlAttributes(new { style = "height:530px;" })
.Events(events => events.DataBound("onDataBound"))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.id))
.Read(read => read.Action("GetBenches", "Home"))
)
)
</div>
在页面上执行某些操作后,我希望网格刷新,我尝试过
var grid = $("#grid").data("kendoGrid");
grid.dataSource.fetch();
和
var grid = $("#grid").data("kendoGrid");
grid.dataSource.read();
但没有运气。 有没有其他方法可以刷新此网格?
您还需要刷新UI:
var grid = $("#grid").data("kendoGrid");
grid.dataSource.read();
grid.refresh();
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-refresh
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.