Questions on Kendo UI for jQuery Forum

1 answer

173 views

Hi,
I have duplicated the angular js example from telerik's website (http://demos.telerik.com/kendo-ui/sparklines/angular), but I am having some trouble rendering the chart. At times it will render correctly, whereas at other times the width and height seem to be way off.

Here is my code:
module.controller('TestController', ['$scope', '$timeout', function ($scope, $timeout) {
$scope.weather = new kendo.data.DataSource({
transport: {
read: {
url: "test_json/weather.json",
dataType: "json"
}
}
});
}])

<div data-kendo-sparkline
data-k-series="[{
type: 'column',
field: 'TMax',
color: '#ff0000',
negativeColor: '#0099ff'
}]"
data-k-tooltip="{ visible: false, shared: false }"
data-k-data-source="weather"
data-k-chart-area="{ background: 'transparent' }"
style="height:50px;"></div>

Any ideas why sometimes it will be ok, whereas other times it will not, and this happens in Chrome, FF and IE.

Thanks,

Sparkline

answered on 18 Jul 2014

4 answers

1.8K+ views

[Solved] Error handling of Ajax call

Hi All,

I am making ajax call from grid to the server side and when there is an error happen on the server than no error shown on the grid. I am using example from trial download on Hierarchical example

Here is view code:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>()

.Name("Employees")

.Columns(columns =>

{

columns.Bound(e => e.FirstName).Width(140);

columns.Bound(e => e.LastName).Width(140);

columns.Bound(e => e.Title).Width(200);

columns.Bound(e => e.Country).Width(200);

columns.Bound(e => e.City);

})

.ClientDetailTemplateId("employeesTemplate")

.Pageable()

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("HierarchyBinding_Employees", "Grid"))

.PageSize(5)

)

.Sortable()

.Events(events => events.DataBound("dataBound"))

)

<script id="employeesTemplate" type="text/kendo-tmpl">

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()

.Name("Orders_#=EmployeeID#")

.Columns(columns =>

{

columns.Bound(o => o.OrderID).Width(101);

columns.Bound(o => o.ShipCountry).Width(140);

columns.Bound(o => o.ShipAddress).Width(200);

columns.Bound(o => o.ShipName).Width(200);

})

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("HierarchyBinding_Orders", "Grid", new { employeeID = "#=EmployeeID#" }))

)

.Pageable()

.Sortable()

.ToClientTemplate()

)

</script>

<script>

function dataBound() {

this.expandRow(this.tbody.find("tr.k-master-row").first());

}

</script>

and here is controller code

using System;

using System.Web.Mvc;

using System.Linq;

using Kendo.Mvc.Extensions;

using Kendo.Mvc.UI;

namespace Kendo.Mvc.Examples.Controllers

{

public partial class GridController : Controller

{

public ActionResult Hierarchy()

{

return View();

}

public ActionResult HierarchyBinding_Employees([DataSourceRequest] DataSourceRequest request)

{

throw new Exception("Test");

}

public ActionResult HierarchyBinding_Orders(int employeeID, [DataSourceRequest] DataSourceRequest request)

{

return Json(GetOrders()

.Where(order => order.EmployeeID == employeeID)

.ToDataSourceResult(request));

}

My question is if grid itself doesn't handles exception on Ajax call, how to handle those sort of exceptions?

Thanks.

Grid

answered on 18 Jul 2014

2 answers

199 views

[Solved] MVVM bind property for changing the mask

Is there any way to bind my ViewModel and change the mask according to my ViewModel Property?

MaskedTextBox

answered on 18 Jul 2014

1 answer

158 views

How to retrieve category axis data from series point

Is it possible to get the category axis data when you hover over a point.

For example, on the chart located here http://demos.telerik.com/kendo-ui/line-charts/index.

Instead of hovering over the points and seeing "Russian Federation: 4.743" you could see "Russian Federation (2002): 4.743" on the first point you hover over. The axisCategory (in this case is the year) could be fetched.

Charts

answered on 18 Jul 2014

1 answer

619 views

Multiple data sources for multiple series

Is it possible to use multiple data sources as multiple series in a chart?

For example

01.var Product1 = [

02. {"Date": 2012-01-01, "Qty": 2},

03. {"Date": 2012-02-01, "Qty": 10}

04.]

05.

06.var Product2 = [

07. {"Date": 2012-01-01, "Qty": 13},

08. {"Date": 2012-02-01, "Qty": 17}

09.]

Can I use these two data sources in the same line chart?

Charts

answered on 18 Jul 2014

1 answer

219 views

Customization on Grid for selecting a row on space key

Hi,

We're using the Kendo grid in our mvc application.
We have made some custom changes to select a record on click of Spacebar and on Enter it will open the selected record.
Changes involve using capturing event key code and selecting or opening of record in jquery.
This is working for us except for the following scenario:
If user navigates to the column header using up/down arrow then come back to any record (Unselected one) and clicks Spacebar: record is not being selected as well as Enter key does not work.
Unsure why this is happening, kindly help us resolve this.

Thanks,
Sandeep.

Grid

answered on 18 Jul 2014

2 answers

123 views

Fixing documentation inconsistency

Hi,

I know this is really nitpicking, but I just got owned by this so I'm submitting it.

In the documentation for chart : http://docs.telerik.com/kendo-ui/api/dataviz/chart

There are many yellow warning boxes like the one attached. The problem is that some say "This is ignored in abc, def, ghi" and others say "This is supported in abc, def, ghi".

This isn't much, but it's enough to confuse someone scanning though the docs.

Thanks

Charts

answered on 18 Jul 2014

2 answers

159 views

Webbroser Control

Hi,

we want to integrate the Kendo-UI Grid into MS-Access 2013. The browsercontrol should do the job and display the grid in my Access-Application.
Like mentioned in other threads, i set the registry-values, so the browsercontrol should emulate ie in version 11.

But the grid control does not work correctly. There are issues, when displaying the filter menu or grouping data by dragging the column header (drag & drop does not work). I tried some other controls like slider. It is not possible to drag the slider with mouse in Webbrowsercontrol.

Maybe anybody has a good idea or a good starting point to solve this problems.

Thanks.

General Discussions

answered on 18 Jul 2014

5 answers

532 views

Ordering (zindex) of series/lines in chart

Hi,

Is there a way to control the z-index of series in kendo ui charts?

In the attached screenshot, the blue line is reference data while the black one is actual data. Is there a way to make the black line go over the blue one? This would (I think) help with the fact that the tooltip is hard to reach. Plus it would make my customer happier.

Thanks

Charts