I am using Kendo UI Grid
@(Html.Kendo().Grid<SomeViewModel>()
.Name("SomeGrid")
.Columns(columns =>
{
columns.Bound(p => p.Id);
})
.Events(e => e.DataBound("onDataBound"))
.Selectable(selectable => selectable.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.Read(...)
)
)
When the row is selected the color changes to orange. How do I remove the css style performing this color change. In other words when row is selected I don't want any color changing.
I have a chart with two series, both grouped by an identical category field. When I display the tooltip I want to be able to hide items that have a value of zero. How would I do this?
Here is my code for the chart, and I attached a screenshot of it:
@(Html.Kendo().Chart<JobChartVm>()
.Name("durationChart")
.Theme("Bootstrap")
.Title("Execution Time & Error Counts By Job (Last 7 Days)")
.Legend(legend => legend
.Position(ChartLegendPosition.Top)
.Labels(labels => labels.Padding(0, 20, 0, 0))
.Padding(5, 5, 5, 20)
.Background("#f5f5f5")
.Border(1, "#ddd", ChartDashType.Solid)
)
.DataSource(dataSource => dataSource
.Read(read => read.Action("GetJobChartData", "Admin"))
.Group(group => group.Add(model => model.Entity.JobName))
.Sort(sort => sort.Add(model => model.Entity.TimeStamp).Ascending())
)
.SeriesDefaults(seriesDefaults =>
seriesDefaults.Line().Style(ChartLineStyle.Smooth)
)
// in order not to duplicate the legend we need to specify 1 unique color per group
.SeriesColors("#428bca", "#5bc0de", "#5cb85c", "#f2b661", "#e67d4a", "#da3b36", "#967adc")
.Series(series =>
{
series
.Line(model => model.Entity.Duration, categoryExpression: model => model.Entity.TimeStamp)
.Aggregate(ChartSeriesAggregate.Avg)
.Notes(notes => notes.Label(label => label.Position(ChartNoteLabelPosition.Outside)).Position(ChartNotePosition.Bottom))
.Name("#= group.value #")
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0:N0}s")
);
series
.Column(model => model.Failures, categoryExpression: model => model.Entity.TimeStamp)
.Aggregate(ChartSeriesAggregate.Sum)
.VisibleInLegend(false)
.Gap(0.2)
.Spacing(0.1)
.Name("#= group.value #")
.Tooltip(tooltip => tooltip
.Visible(true)
.Format("{0:N0} errors")
);
})
.CategoryAxis(axis => axis
.Date()
.Labels(labels => labels.Rotation(-90))
.BaseUnit(ChartAxisBaseUnit.Fit)
.Crosshair(c => c.Visible(true))
)
.ValueAxis(axis => axis
.Logarithmic()
.MinorGridLines(minorGridLines => minorGridLines.Visible(true))
.Labels(labels => labels.Format("{0:N0}"))
.Title("Execution Time (sec) / Error Count")
.Min(0.9)
.AxisCrossingValue(0.9)
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Shared(true)
)
.Events(events => events
.DataBound("function(e){ kendo.ui.progress($('#durationChart'), false); }")
)
.Pannable(pannable => pannable
.Lock(ChartAxisLock.Y)
)
.Zoomable(zoomable => zoomable
.Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))
.Selection(selection => selection.Lock(ChartAxisLock.Y))
))
How do I Switch the settings for the thousand separator and the decimal separator?
currently the decimal value : 2510.012 is displayed as 2,510.012
I want to make it so it is displayed as: 2.510,012
Hello,
I have a grid with collapsible rows and the grid also allows Filtering and Sorting. When I have a few rows collapsed and click on a column to sort, all the collapsed rows expand. Is there a way to retain the collapsed state of rows on Sorting/ Filtering?
Thanks!

1) I noticed the grid read action is being called when the grid-filter image is clicked on the column header. Is there a reason it is being called when .ServerOperation(false) is specified ?
2) Is there a way to remove the grid-filter from the column header when the grid has no rows to prevent the user from filtering an empty grid ?
Thanks,
Irwin

Hi,
I have a form with a MultiSelect displaying 'Exercises'. When the form is submitted the Exercise data is passed to the model as part of the form data (e.g.Exercises:"f86a60ce-04dc-4208-a2b6-a5ee00a1990f")
However when nothing is selected in the list, the 'Exercises' parameter is excluded from the post data. As the Exercise data is not included, the model.Entity.Exercises remains unchanged and contains the original selected values.
Is there any way the Kendo MultiSelect can pass in a null value when posting an empty list, so that the form data includes the Exercise parameter? e.g. Exercises:Null
@{if (edit){ @(Html.Kendo().MultiSelect() .Name("Exercises") .Placeholder(" ") .BindTo(ViewBag.Exercises) .HtmlAttributes(new { @class = "universalWidth" }))}
[HttpPost][ActionName("CourseEdit")]public ActionResult CourseEditPost(TypedModel<Course> model, string mode){ if (mode != "view") { if (UserController.EffectiveUser.GetClassAccess(typeof(Course)).Allows(Access.Update)) { // Save Mode if (mode == "new") { } else if (mode == "edit") { CourseService service = new CourseService(this.DbSession, new ModelStateWrapper(this.ModelState)); if (service.Save(model)) //model.Entity.Exercises error when no exercises selected in list { //Sucessfully saved DbSession.Flush(); } } } } CourseEditHelper(model); return View(model);}
Hi I´m using the Kendo.Mvc.dll version 2014.1.318.440, I have some problems adding the action of Export to Excel on my grid,
Does not recognize the tools.Excel(), it is possible to use this statement with this Kendo version, or am I missing a reference for example a js file needed to bound??
Here's the code of the grid.
@(Html.Kendo().Grid<Project.Models.GridModel>()
.Name("Grid")
.Scrollable()
.EnableCustomBinding(true)
.HtmlAttributes(new { style = "height:auto;" })
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(x => x.NumOP);
})
.ServerOperation(false)
.PageSize(20)
.Read(read => read.Action("LoadGrid", "GridController"))
)
.Columns(columns =>
{
columns.Bound(p => p.Name).Title("Name").Width(80);
columns.Bound(p => p.Description).Title("Description").Width(200);
columns.Bound(p => p.Amount).Title("Amount").Format("{0:0,0.0}").Width(100);
})
.ToolBar(tools => tools.Excel())
.Excel(excel => excel
.FileName("ExcelFile.xlsx")
.ProxyURL(@UrlAction("Excel_Export_Save", "CreditosActivos"))
)
)
Thanks for help
I have a categories dropdown list in the grid that i am populating very similar to the 'Editing custom editor' example. I populate the default categories in the index() method of my controller, just like the example shows and it works fine. When a 'organization dropdownlist' is chosen, I want to repopulate the categories based on what organization was chosen, but when I try to 'Add new record' in the grid, the old categories remain bound to the grid and it doesn't save properly.
I have in my grid something similar to this defined for the default value:
model.Field(p => p.Category).DefaultValue(ViewData["defaultCategory"] as Kendo.Mvc.Examples.Models.CategoryViewModel);
Every time a new organization dropdown item is chosen, and a read operation occurs, how would I update or rebind the model to reflect the new defaultCategory?
Thanks in advance,
Dave