hello,
the datasource is a valid json but i can't get the grid to display the data (see below).
am i doing something wrong  or is it not supposed to work?
thankful for any Help!
viktor

var dataSet = [
 {
"Id": "datatests/57238",
"Name": "11hacAMT02",  
"Total|Fam": 96,
"Total|Mean": 2.4,
"Total|N1": 21,
"Total|TixP": 57,
"Filter Like|Var": 1.1,
"Age__25-29_Fam":89
 },
];
var layout =  [
{
field: "Name",
title: "Name"
},  
{
field: "Total|N1", //Uncaught ReferenceError: Total is not defined
title: "Total<br>N1"
},
{
field: "Filter Like|Var", //Uncaught Error: Invalid template
title: "Filter Like<br>Var"
},
{
 field: "Age__25-29_Fam", //Uncaught Error: Invalid template 
 title: "Age 25-29<br>Fam"
}
];
var localDataSource = new kendo.data.DataSource({ data: dataSet });
$("#grid").kendoGrid({
dataSource: localDataSource,
columns:layout                    
});

This changes:


to


How can this be changed so the output is:


This is also needed for adding classes to images etc.

Many thanks

Hi,

I have a div that contain some text exemple

Car1
Car2
Car3

I have another div with a scroll that contain race and the element inside are horizontal.

So you can have like 30 races

When I want to drag the Car in the second div of the race I want to find a way for the scrollbar to scroll automatically so I can go to the last race and drop my element there.

Any idea ?

Hello,

I just opened up the MVC 4 Kendo UI project I am working on and the dev environment prompted me to update my project to 2014.1.318. I did so and let it do it's thing which took about 10 minutes. All is well except for my kendo bundles path not being correct anymore due to the upgrade changing the folder name to a version specific folder (I wish it didn't do that). Anyway, updating the path in the BundleConfig is easy enough and I fired up the site and thought all was well...until I went to add a record to a table to a grid (it was previously working, I have about 10 grids that were working and now none of them are as far as adding, updating and deleting). The grid is using InLine edit mode and is for maintaining a very simple 2 column table with ID and Description. Nothing complicated. Everything was constructed using the examples and documentation.

When I go to update, the grid does kick the row into edit mode and allow me to change the description, but when I click the update button nothing happens and I see that there is  JavaScript syntax error somewhere. I do a little debugging and find that in jquery-1.8.2.js on line 5303:

expr at this point equals [type='checkbox'] at this point. I am not using any checkboxes in my app.

Anyone?

Hello,

i have Kendo Scheduler with adaptive Rendering Mobile(Mibilemode.Phone) On phone day and month view Display good but in month view i only see dots. So i want to set font size to smaller for month view and increase cell width. But have no success so far.can we have a separate Event template only for monthview? This is how my code looks
.Views(views =>
    {
      
        views.MonthView(workmonthView => workmonthView.Selected(ViewBag.ShowMonth).EventTemplate("<span class='smallText'>" +
                   
                    "#= title #" +
                "</span>"));
    })

and style is
.k-scheduler-monthview .k-scheduler-table td {

height:100px !important;
width:100px;
}
[role-gridcell] {
height:100px !important;
width:100px;
}
.smallText {
font-size: 1.2em;

}

Thanks

Anamika

Hi,

I have a 30 day trial licence of Kendu UI and I am struggling with the documentation.  What would be great, would be a mini-site for each Kendo UI element which clearly shows all the documentation.  For example:

Validator
- Overview
- Configuration
- Demos
- Forum threads
- Code library
- Issues
- Stack overflow

Instead what we have is validator documenation in different parts of the site:
http://docs.telerik.com/kendo-ui/framework/validator/overview - located under "Framework and Utilities - Validator - Overview"
http://docs.telerik.com/kendo-ui/api/javascript/ui/validator#methods-validateInput - located under "API Reference - Javascript - Ui - Validator"
http://demos.telerik.com/kendo-ui/validator/angular - not referenced in the above menus.
http://www.telerik.com/forums/kendo-ui/validation - link only appears in the footer for the above link but not for the first two
http://www.telerik.com/support/code-library/kendo-ui/validator - as above
https://github.com/telerik/kendo-ui-core/issues?q=is%3Aopen+is%3Aissue - not linked anywhere (as far as I know)
http://stackoverflow.com/questions/tagged/kendo-ui

All this makes it very difficult to make sure you have read all the relevant documentation and seen the examples.  I am also sure there is a link to your bug tracking system which people ought to be aware of.

These comments can equally apply to any of the Kendo UI elements.

Do you think these points are fair / do you have any plans to improve the documentation?

Many thanks

Hi,

I am trying to setup MVVM with data coming from remote DataSource. Following is my data:

{ "Id": "N0001", Name="test" }

I am trying to use the following code to load data from remote source and bind it to the page:

<div class="row">
<div class="span1">Id:</div>
<div class="span7" data-bind="text: Id"></></div>
</div>
<div class="row">
<div class="span1">Name:</div>
<div class="span7" data-bind="text: Name"></div>
</div>

<script type="text/javascript">
$(document).ready(function () {
var dataSource = new kendo.data.DataSource({
transport: { read: "/api/Institution/1", dataType: "json" },
schema: {  model: {  id: "Id",  fields: {  Id: { type: "string" },  Name: { type: "string" } }  }  }
});
dataSource.read();
var viewModel = kendo.observable({
inst: dataSource.view()[0]
});
kendo.bind($("div#InstitutionHeader"), viewModel.inst);
});
</script>

Unfornately, this code does not work.  I am wondering if you have any sample code to do so.  (You have some sample code using you UI widgets with remote data.  You also have sample to do MVVM using array data.  But, I could not really find sample code combining MVVM with DataSource.)

Besides this, I am trying to use WebApi (MVC 4) to expose some simple readonly data points.  I used to use jQuery ajax to load and display them on page.   After watching your demos, I am wondering if I should use DataSource and/or MVVM for these?  When using with live / editable data, MVVM makes sense, how about readonly data?  What is best KendoUi approach to do this kind of "bind once" scenario?

Thanks in advance.

I've used Kendo Grid for showing data.It seems data is passed correctly because when I tracing my code in run time, I see there are some data in result but Kendo Grid couldn't show the data. How can I solve this problem?
For more information please visit below link.
http://stackoverflow.com/questions/25833503/data-not-showing-in-kendo-mvc-grid
Data not showing in Kendo MVC Grid

I have a data source that is grouped to create a multi-series line chart.  The category axis values for each series do not include all values seen in all other series, so I am using the series' "categoryField" property instead of the categoryAxis' "field" property.  

I want to toggle between two types of information for the category axis.  When the category axis is set to display date information, everything displays nicely.  However when the category axis is switched to display a different type of information, the series are not plotted over-top of each other but instead side by side.  This is in spite of the fact that the category axis values should be intermixed between the series.

See my example here:  http://jsfiddle.net/yd6oxkfm/1/

When the Id toggle is clicked, the series are sorted by Id within each series, but the overall axis data is side by side (and not in sorted order), unless both series happen to have data for the same Id number.  How can I get the series to plot as nicely for Id as they do for Date?

Hi

For the above grid, how should I design the json file so that I can call it locally?

I have attached a file, please let me know if the format is correct? if not what is the correct format?

Regards
Vinay