Questions on Kendo UI for jQuery Forum

2 answers

77 views

Custom Steps for NumericTextBox for every row depending on a cell

Is it possible to have custom step incrementation in a cell depending on the value of a different cell in that row?

Grid

answered on 18 Jul 2014

1 answer

124 views

Error when using sample code with typescript

Hi,

I'm getting an error when initializing a chart control using typescript, the category and value axis properties cause the error:

Specifically:

Supplied parameters do not match any signature of call target:
Types of property 'categoryAxis' of types '{ title: { text: string; }; legend: { visible: boolean; }; series: kendo.dataviz.ui.ChartSeriesItem[]; categoryAxis: { title: { text: string; }; majorGridLines: { visible: boolean; }; majorTicks: { visible: boolean; }; [n: number]: kendo.dataviz.ui.ChartCategoryAxisItem; }; valueAxis: { max: number; title: { text: string; }; majorGridLines: { visible: boolean; }; visible: boolean; [n: number]: kendo.dataviz.ui.ChartValueAxisItem; }; }' and 'kendo.dataviz.ui.ChartOptions' are incompatible:
Type '{ title: { text: string; }; majorGridLines: { visible: boolean; }; majorTicks: { visible: boolean; }; [n: number]: kendo.dataviz.ui.ChartCategoryAxisItem; }' is missing property 'concat' from type 'kendo.dataviz.ui.ChartCategoryAxisItem[]'.

The interesting thing is that none of the other widgets I have used with typescript so far: grid, tabstrip, and map have had this issue. And I'm literally copying and pasting the json into the options object. How would I go about solving this problem?

Thanks!

Andre

Charts

answered on 18 Jul 2014

1 answer

146 views

sparkline missbehaving

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.7K+ views

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

176 views

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

128 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

581 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

161 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

97 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

129 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