http://demos.telerik.com/aspnet-mvc/scatter-charts/scatter-line
In the below code, they are binding multiple data sets to generate multiple scatter line series.
In a similar fashion how would I be able to generate multiple scatter line series by binding data in MVC
<
p
>.Series(series => {
series.ScatterLine(new int[][] {
new [] {10, 10}, new [] {15, 20}, new [] {20, 25},
new [] {32, 40}, new [] {43, 50}, new [] {55, 60},
new [] {60, 70}, new [] {70, 80}, new [] {90, 100}
})
.Name("0.8C");
series.ScatterLine(new int[][] {
new [] {10, 40}, new [] {17, 50}, new [] {18, 70},
new [] {35, 90}, new [] {47, 95}, new [] {60, 100}
})
.Name("1.6C");
series.ScatterLine(new int[][] {
new [] {10, 70}, new [] {13, 90}, new [] {25, 100}
})
.Name("3.1C");
})</
p
>
Hi,
i'm currently sat here into the third hour of Telerik updating to Q2 MVC, VS2015 remaining unresponsive. I've been looking at the files that are being updated and the vast majority appear to be localization/cultures files. I notice that on my production webserver there are also a large number of localization files.
My application is a EN-GB app and will always be so and will never have any need for localization. Is there a way to remove all this unnecessary functionality and the time it takes to do an update (I realise this is largely due to VS being somewhat slow in this regard)?
In my grid I have a details template that has input fields bound to a model.
I want to enable the inline-edit mode of a grid ONLY when a user has a details list open and starts typing in an input filed. I tried the below method, but in order to enable the mode i need to call grid.editRow(grid.select()) twice, which makes no sense. Also, after the second editRow is called, i lose focus on the textbox i was typing in:
// Detect input keyin event
$('body').on('input', '.k-detail-cell .form-control:enabled', function () {
var grid = $(this)
.parents('.k-grid')
.data("kendoGrid");
// enable inline editing once typing has begun
if ($(".k-grid-edit-row").length <= 0) {
//grid.editRow(grid.select());
//grid.editRow(grid.select());
}
});
How do I cause the MVC Grid to support insert only and no other operation. This is my code
@(Html.Kendo().Grid<
SomeViewModel
>()
.Name("SomeGrid")
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
})
.Columns(columns =>
{
columns.Bound(p => p.Name).ClientTemplate(@"<
input
type
=
'radio'
name
=
'SomeName'
> #= Name # </
input
>");
columns.Bound(p => p.DateCreated);
columns.Command(command => { command.Edit(); });
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Events(e => e.DataBound("onDataBound"))
.Selectable(selectable => selectable.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.Scrollable()
.Filterable()
.HtmlAttributes(new { style = "height:200px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.Events(events => events.Error("onError"))
.Model(model =>
{
model.Id(s => s.unique);
model.Field(s => s.DateCreated).Editable(false);
})
.Read(read => read.Action("GetSolutions", "Solutions"))
.Create(create => create.Action("SomeAction", "SomeController"))
.Update(create => create.Action("SomeAction", "SomeController"))
))
Also, it looks like I have to implement the .Update method above even though I don't want to support updates. If I don't do that I get error "The update data binding setting is required by edit command".
Ideally, it would have been nice to keep the update completely disassociated with inserting but looks like that's not the case and may be there has to be some hack to cause edit not to happen. Can someone please let me know this hack ?
Hello
I have such case that some rows in Grid have details rows.
Main Row and Detail Row one common column "OrderNumber"
Question:
How to make man grid be able to include detail grid in filtering by ordering number?
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