Hello,
Can you use the detail template to display a partial view thats loaded by ajax ?
I currently have a div outside of the grid that is loaded when you click a line in the grid , but it would be smarter if it just opened up a detail and displayed the partial view there in.
Any ideas on how to do that ?
Regards,
Emil
I have inline grid, I want to edit one field if the model.ebs is true or edit another field if the model.ebs is false.
@(Html.Kendo().Grid<ViewModels.Payment.ProviderServiceRRViewModel>().Name("PRRServiceGrid").Columns(columns =>{ columns.Bound(p => p.Id).Hidden(true); columns.Bound(p => p.IsEbsOnly).Hidden(true); columns.Bound(p => p.ServiceName); columns.Bound(p => p.Units); columns.Bound(p => p.ReduceUnits); columns.Bound(p => p.ReimbursementAmount).Format("{0:c}"); columns.Command(command => { command.Edit().HtmlAttributes(new { @class = "btn-primary k-grid-edit" }); }).Pageable(pageable => pageable.Refresh(true).PageSizes(true).ButtonCount(5)).Sortable() .Selectable().Events(e => e.Edit("onPRRServiceGridEdit")).Resizable(resize => resize.Columns(true)).DataSource(dataSource => dataSource.Ajax().ServerOperation(false).PageSize(5).Read(read => read.Action("PrrServiceGridRead", "ReimbursementRequest", new { prrId = @Html.Raw(Json.Encode(Model.PrrId)), serviceType = @Html.Raw(Json.Encode(Model.ServiceType)) })).Model(model =>{ model.Id(p => p.Id); model.Field(p => p.Id).Editable(false); model.Field(p => p.ServiceName).Editable(false); //I did not make Units, reduce units column editable false model.Field(p => p.ReimbursementAmount).Editable(false); }).Update(update => update.Action("Update_PrrServiceGrid", "ReimbursementRequest"))))function onPRRServiceGridEdit(e) { var isEbsOnly = e.model.IsEbsOnly; if(isEbsOnly) //I made it disable but I want to close the cell. I dont want to make it editable if the value is true $(e.container).find('input[name="ReduceUnits"]').attr("disabled", true); else $(e.container).find('input[name="Units"]').attr("disabled", true); }Is there a way to add a new sheet to the e.workbook.sheets[] array in my ExcelExport() grid event function? I'm trying to create an Excel export that has two sheets. One sheet will be formatted just as the grid displays. The other sheet will require some custom code to format the sheet as desired.
Thanks!
I am not sure if this is by design but when i click on button that exports to excel when the grid has no data, it invokes the ajax read call first and then export the result in excel. If the grid already has the result, it seems like it doesn't call the read function and it exports the result right away.
In the following code, 'GetPurchaseOrders' gets invoked whenever excel button is clicked whenever excel to export button is clicked.
Any idea why this is happening?
Thanks.
@(Html.Kendo().Grid<SupplierPortal.ViewModels.PoViewModel>() .Name("GridPOSearchHeaderInfo") .Columns(columns => { columns.Bound(e => e.Revision).Width("120px").HtmlAttributes(new { @style = "text-align:right;" }); columns.Bound(e => e.SupplierNumber).Width("170px").HtmlAttributes(new { @style = "text-align:right;" }); columns.Bound(e => e.SupplierName).Width("160px"); }) .Excel(excel => excel .FileName("PurchaseOrders.xlsx") .ProxyURL(Url.Action("Excel_Export_Save", "Supplier")) .AllPages(true) ) .ToolBar(tools => { tools.Template(@<text> <div class="col-lg-1 col-md-2 col-sm-2 col-xs-4 pull-right" style="padding-left: 0; margin-top: 2px; text-align: right;"> @Html.ActionLink(" ", "SaveView", "PurchaseOrder", null, new { @class = "modal-link k-button POcolumn", @style = "padding-left: 10px;", @title = "Customize Grid" }) <a class="k-button k-button-icontext k-grid-excel POexport" href="#" style="padding-left: 10px;" title="Export to Excel"><span class="k-icon k-i-excel"></span></a> </div> </text>); }) .Pageable(x => x.PageSizes(new int[] { 10, 20, 50, 100 }).ButtonCount(4)) .Reorderable(reorder => reorder.Columns(true)) .AutoBind(false) .Sortable(sortable => sortable .AllowUnsort(true) .SortMode(GridSortMode.MultipleColumn)) .Selectable() .ColumnMenu() .Scrollable(scr => scr.Height(322)) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str.Clear() .Contains("Contains") .StartsWith("Starts with") .IsEqualTo("Is equal to") .IsNotEqualTo("Is not equal to") )) ) .Resizable(resize => resize.Columns(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(10) .Read(read => read.Action("GetPurchaseOrders", "PurchaseOrder").Data("GetSearchParameters")) .ServerOperation(false) ) .Events(events => events.DataBound("gridDataBound")) .Events(events => events.DataBinding("gridDataBinding")) )I am adding selected row of a grid to another . My issue is my Grid has a combo box which is being initialized for first row only. Detail is in following link.
http://stackoverflow.com/questions/36793242/initialize-combobox-for-each-row-of-telerik-mvc-grid

Hi -
I am using .Net MVC and have a custom editor template for the scheduler with a new textbox for MasterCatalogID. The value gets set via javascript from button. When I try to save the session, in the Controller method, I do not see the value for MasterCatalogID.
However, if I manually type in the value, I can get it in the Controller method.
Is there something else I need to add to retrieve the value?
<div class="k-edit-label"> @(Html.LabelFor( model => model.MasterCatalogID, "Course" ))</div><div data-container-for="MasterCatalogID" class="k-edit-field input-group"> @(Html.TextBoxFor( model => model.MasterCatalogID, new { @class = "k-textbox" } ))</div>I have two grid views that performs pop up custom template editing, grid two is placed under tabstrip, please refer to following code:
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Animation(animation =>
animation.Open(effect =>
effect.Fade(FadeDirection.In)))
.Items(tabstrip =>
{
tabstrip.Add().Text("Details")
.Selected(true)
.LoadContentFrom(@Url.Action("Index", "AppGroup", new { AppID = ViewBag.AppID, AppName = ViewBag.AppName }).ToString());
})
)
If i change LoadContentFrom to Content, all functions working fine. However, i need to use LoadContentFrom due to heavy content load. once i change it back to LoadContentFrom, when i try to edit grid one, the following error is thrown.
VM37552:50 Uncaught TypeError: Cannot read property 'editRow' of undefined
I have investigated further and found out it is becaues of #grid.data("kendoGrid") is undefined and hence it breaks $("#Group").data("kendoGrid").editRow($(this)).
Thanks.
Hi
I'm very new to ASP.NET MVC and need some advice!
I have built a small Telerik UI for ASP.NET MVC project using the project type: Telerik C# ASP.NET MVC Application project in Visual Studio 2010.
My aim is to build an app with the Scheduler widget and I need to see how this renders on mobile devices. I am able to see the project running in a browser on the development machine through the debug option in visual studio. However I need to test it on other devices.
Can any one please point me to documentation/ tutorials on how I can deploy the application to a server?
Thanks
Nik