Telerik Forums
Kendo UI for jQuery Forum
5 answers
971 views

Hi,

I have two grids on one page in MVC Razor and one DateTime Editor is failing because of a duplicate ID on the page.  

Each grid uses Ajax for its datasource to Bind.   Each grid uses a different model.   However the models both use the same property (eg. Date).   For this particular example I want both grids to be on the page visible in edit mode at the same time (easier editing for the user).  However when I inspect the HTML there are duplicate element ID's.   Both grid editors create input of id="date".   Which causes one of the DateTimePickers to fail /not appear (or bind to).  

Question is:  without having to change the property name of the model, is there a way to tell the grid/editor template to use a different ID or use the ParentsID in combination with the childs?   eg.   Model1_Date   

 

eg

public class Model1

{

  DateTime Date;

  string Surname;

}

 

public class Model2

  DateTime Date;

  string Country;

}

 

 

 

Boyan Dimitrov
Telerik team
 answered on 09 May 2016
3 answers
369 views

On a page I have several charts and a button to export all charts to png.

Is it possible to "stamp" the current date into either the charts or the produced png file?

Morten
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 09 May 2016
1 answer
95 views

Hello,

I am using kendoUI for a site. I am using 

http://kendo.cdn.telerik.com/2016.1.226/js/kendo.all.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

and 

http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css

http://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css

Code:

 $("#ddlCompany").kendoDropDownList({
                dataSource: eventFormDropDownDataSource.Items[0].Items,
                optionLabel: "Select Company",
                dataTextField: "TextField",
                dataValueField: "ValueField"
            });

I have checked that the data source have results. But when I clicking on the dropdown its showing none.

Helen
Telerik team
 answered on 09 May 2016
1 answer
1.1K+ views

Hi I am using the kendo grid with bootstrap and would like to use the css class "table table-condensed" because the default style takes up to much space.

How can I override the kendo css? and where (-:

Alex Gyoshev
Telerik team
 answered on 09 May 2016
1 answer
77 views

Hello,

I'm creating a tree list grid and I have discovered that there is an error formatting a column header:

{
field: "area",
title: "Area Pc (m²)",
format: "{0:n}",
width: 150,
hidden: true  
}

You can see it in the attached screenshot.

Nikolay Rusev
Telerik team
 answered on 09 May 2016
5 answers
1.0K+ views

Hi,

I have an all day event in the scheduler and the allDaySlot is disabled. I expect to see the all day event in the scheduler as an event that occupies through out the day but instead it just seems to hide the event.

http://dojo.telerik.com/inITU/2

In the above example the all day event 'Alex's birthday' on Friday is not seen.

I would like to see the all day event in the scheduler as an event for the entire day. How do I achieve this?

 

 

Vladimir Iliev
Telerik team
 answered on 09 May 2016
1 answer
220 views

Hi,

I am having detail grid for each parent. On custom button, I want to display data of selected detail row. 

I am using template for showing detail data.

<script type="text/x-kendo-template" id="template">
  <div>
                        <div class="gridOptions" kendo-grid k-options="gridOptions" id="gridOptions" k-ng-delay="gridOptions"></div>
                    </div>                
            </script>

Appreciate any help.

Thanks,

Sanjay

Viktor Tachev
Telerik team
 answered on 09 May 2016
4 answers
166 views
I have a duplicate id on a text tag in the svg causing issues when passing the SVG through to generate an image using the SVG library on codeplex

Look for id k7500df8a 

Is this a known bug? How can I fix this? It is causing all Y axis text to not show up in the image. If I update the duplicate ids to be unique it fixes the issue.

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='700px' height='540px' style='position: relative; display: block;'><defs><clipPath id='ka89a58cd' ><path  id='k844d2c67'  d='M0 0 700 0 700 540 0 540 z'   stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path></clipPath></defs><path  d='M5 44 695 44 695 499 5 499 z'   stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M0 0 700 0 700 540 0 540 z'  stroke=''   stroke-width='0'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='#fff'></path><path  id='k98aff4f1'  data-model-id='k9c57fa79'  d='M5 44 695 44 695 499 5 499 z'  stroke=''   stroke-linecap='square' stroke-linejoin='round' fill-opacity='0' stroke-opacity='1' fill='#fff'></path><text  id='ka57fa781'   x='266' y='15' fill-opacity='1'  font-family='Arial' font-size='16' font-weight='bold' fill='#000'>Accomplishments Graph</text><text x='330' y='33' font-family='Arial' font-size='12' font-style='italic'>N = 16</text><text x='180' y='47' font-family='Arial' font-size='12' font-style='italic'>This graph represents 80% of the total entries for this time period.</text><path  data-model-id='k9c57fa79'  d='M54.5 348.5 695.5 348.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M54.5 278.5 695.5 278.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M54.5 207.5 695.5 207.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M54.5 137.5 695.5 137.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M54.5 66.5 695.5 66.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M67.5 52.5 67.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M81.5 52.5 81.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M94.5 52.5 94.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M107.5 52.5 107.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M121.5 52.5 121.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M134.5 52.5 134.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M147.5 52.5 147.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M161.5 52.5 161.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M174.5 52.5 174.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M188.5 52.5 188.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M201.5 52.5 201.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M214.5 52.5 214.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M228.5 52.5 228.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M241.5 52.5 241.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M254.5 52.5 254.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M268.5 52.5 268.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M281.5 52.5 281.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M294.5 52.5 294.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M308.5 52.5 308.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M321.5 52.5 321.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M334.5 52.5 334.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M348.5 52.5 348.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M361.5 52.5 361.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M375.5 52.5 375.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M388.5 52.5 388.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M401.5 52.5 401.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M415.5 52.5 415.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M428.5 52.5 428.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M441.5 52.5 441.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M455.5 52.5 455.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M468.5 52.5 468.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M481.5 52.5 481.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M495.5 52.5 495.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M508.5 52.5 508.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M521.5 52.5 521.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M535.5 52.5 535.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M548.5 52.5 548.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M561.5 52.5 561.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M575.5 52.5 575.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M588.5 52.5 588.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M602.5 52.5 602.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M615.5 52.5 615.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M628.5 52.5 628.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M642.5 52.5 642.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M655.5 52.5 655.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M668.5 52.5 668.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M682.5 52.5 682.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  data-model-id='k9c57fa79'  d='M695.5 52.5 695.5 419.5'  stroke='#dfdfdf'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M54.5 419.5 695.5 419.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M54.5 419.5 54.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M67.5 419.5 67.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M81.5 419.5 81.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M94.5 419.5 94.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M107.5 419.5 107.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M121.5 419.5 121.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M134.5 419.5 134.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M147.5 419.5 147.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M161.5 419.5 161.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M174.5 419.5 174.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M188.5 419.5 188.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M201.5 419.5 201.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M214.5 419.5 214.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M228.5 419.5 228.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M241.5 419.5 241.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M254.5 419.5 254.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M268.5 419.5 268.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M281.5 419.5 281.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M294.5 419.5 294.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M308.5 419.5 308.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M321.5 419.5 321.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M334.5 419.5 334.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M348.5 419.5 348.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M361.5 419.5 361.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M375.5 419.5 375.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M388.5 419.5 388.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M401.5 419.5 401.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M415.5 419.5 415.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M428.5 419.5 428.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M441.5 419.5 441.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M455.5 419.5 455.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M468.5 419.5 468.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M481.5 419.5 481.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M495.5 419.5 495.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M508.5 419.5 508.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M521.5 419.5 521.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M535.5 419.5 535.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M548.5 419.5 548.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M561.5 419.5 561.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M575.5 419.5 575.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M588.5 419.5 588.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M602.5 419.5 602.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M615.5 419.5 615.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M628.5 419.5 628.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M642.5 419.5 642.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M655.5 419.5 655.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M668.5 419.5 668.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M682.5 419.5 682.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M695.5 419.5 695.5 423.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><g clip-path='url(#ka89a58cd)' ><path  id='k96331990'  data-model-id='k4b198cc8'  d='M60.677 320.192 74.031 306.077 87.385 263.731 100.74 263.731 114.094 249.615 127.448 249.615 140.802 249.615 154.156 249.615 167.51 249.615 180.865 249.615 194.219 249.615 207.573 249.615 220.927 249.615 234.281 249.615 247.635 249.615 260.99 249.615 274.344 249.615 287.698 249.615 301.052 150.808 314.406 150.808 327.76 150.808 341.115 150.808 354.469 150.808 367.823 150.808 381.177 150.808 394.531 150.808 407.885 150.808 421.24 150.808 434.594 150.808 447.948 150.808 461.302 150.808 474.656 150.808 488.01 136.692 501.365 136.692 514.719 136.692 528.073 136.692 541.427 136.692 554.781 136.692 568.135 136.692 581.49 136.692 594.844 136.692 608.198 136.692 621.552 136.692 634.906 136.692 648.26 136.692 661.615 136.692 674.969 136.692 688.323 136.692'  stroke='#4575B4'   stroke-width='4'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><circle  id='kb6a01bf0'   data-model-id='k5b500df8' cx='60.677' cy='320.192' r='4.0000000000000035'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k2da806fc'   data-model-id='k16d4037e' cx='74.031' cy='306.077' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kb6a01bf'   data-model-id='kd5b500de' cx='87.385' cy='263.731' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k6ada806f'   data-model-id='ke56d4036' cx='100.74' cy='263.731' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k72b6a01b'   data-model-id='ke95b500c' cx='114.094' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k74ada806'   data-model-id='k3a56d403' cx='127.448' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kcd2b6a00'   data-model-id='k6695b500' cx='140.802' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k334ada80'   data-model-id='k19a56d40' cx='154.156' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kcd2b6a0'   data-model-id='k6695b50' cx='167.51' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k334ada8'   data-model-id='k19a56d4' cx='180.865' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kcd2b6a'   data-model-id='k6695b5' cx='194.219' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kd0334adb'   data-model-id='kb819a56c' cx='207.573' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k5c0cd2b6'   data-model-id='k2e06695b' cx='220.927' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kc70334ac'   data-model-id='k63819a56' cx='234.281' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k31c0cd2b'   data-model-id='kc8e06694' cx='247.635' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k6470334a'   data-model-id='k323819a5' cx='260.99' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kc91c0cd3'   data-model-id='kb48e0668' cx='274.344' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k5a470334'   data-model-id='k2d23819a' cx='287.698' cy='249.615' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k1691c0cd'   data-model-id='kdb48e067' cx='301.052' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kbda47032'   data-model-id='k5ed23819' cx='314.406' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kff691c0d'   data-model-id='kafb48e07' cx='327.76' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k87da4702'   data-model-id='k43ed2381' cx='341.115' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kf1f691c1'   data-model-id='ka8fb48e1' cx='354.469' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k847da471'   data-model-id='k923ed239' cx='367.823' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k991f691d'   data-model-id='k9c8fb48f' cx='381.177' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k9e47da46'   data-model-id='k4f23ed23' cx='394.531' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kf791f690'   data-model-id='k7bc8fb48' cx='407.885' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k3de47da4'   data-model-id='k1ef23ed2' cx='421.24' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kf791f69'   data-model-id='kd7bc8fb5' cx='434.594' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kbbde47db'   data-model-id='k8def23ec' cx='447.948' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k46f791f6'   data-model-id='k237bc8fb' cx='461.302' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kc1bde47c'   data-model-id='k60def23e' cx='474.656' cy='150.808' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k306f791f'   data-model-id='kc837bc8e' cx='488.01' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k641bde47'   data-model-id='ke20def22' cx='501.365' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k7106f791'   data-model-id='ke8837bc9' cx='514.719' cy='136.692' r='4.000000000000028'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='ka441bde5'   data-model-id='k8220def3' cx='528.073' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k91106f78'   data-model-id='k488837bc' cx='541.427' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k24441bde'   data-model-id='k12220def' cx='554.781' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kd91106f6'   data-model-id='k6c88837b' cx='568.135' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='ke64441bc'   data-model-id='k732220de' cx='581.49' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k3991106f'   data-model-id='kccc88836' cx='594.844' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k6664441b'   data-model-id='ke332220c' cx='608.198' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k71991106'   data-model-id='k38cc8883' cx='621.552' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kcc664440'   data-model-id='k66332220' cx='634.906' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k33199110'   data-model-id='k198cc888' cx='648.26' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kcc66444'   data-model-id='k6633222' cx='661.615' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='k3319911'   data-model-id='kd198cc89' cx='674.969' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle><circle  id='kb8cc6645'   data-model-id='k8c663323' cx='688.323' cy='136.692' r='4'  stroke='#4575B4'   stroke-width='2' fill-opacity='1' stroke-opacity='1'  fill='#fff'></circle></g><path  d='M54.5 52.5 54.5 419.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 419.5 54.5 419.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 348.5 54.5 348.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 278.5 54.5 278.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 207.5 54.5 207.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 137.5 54.5 137.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><path  d='M50.5 66.5 54.5 66.5'  stroke='#8e8e8e'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><g><path  d='M312.5 504.5 436.5 504.5 436.5 530.5 312.5 530.5 z'  stroke='#C0C0C0'   stroke-width='1'  stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='none'></path><text   x='333' y='525' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>Accomplishments</text><path  d='M317 513 325 513 325 521 317 521 z'  stroke='#4575B4'   stroke-linecap='square' stroke-linejoin='round' fill-opacity='1' stroke-opacity='1' fill='#4575B4'></path></g><text  id='k9e2bfd3d'   data-model-id='k9f15fe9f'  x='53' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,71.177,436)' font-family='Arial' font-size='12' fill='#232323'>1/2009</text><text  id='k9f8aff4e'   data-model-id='k4fc57fa7'  x='119' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,137.948,436)' font-family='Arial' font-size='12' fill='#232323'>6/2009</text><text  id='kf7e2bfd2'   data-model-id='k7bf15fe9'  x='186' y='444' fill-opacity='1' transform='translate(-14,14) rotate(-90,208.219,436)' font-family='Arial' font-size='12' fill='#232323'>11/2009</text><text  id='kedf8aff5'   data-model-id='ka6fc57fb'  x='253' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,271.49,436)' font-family='Arial' font-size='12' fill='#232323'>4/2010</text><text  id='k837e2bfc'   data-model-id='k41bf15fe'  x='320' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,338.261,436)' font-family='Arial' font-size='12' fill='#232323'>9/2010</text><text  id='k20df8aff'   data-model-id='kc06fc57e'  x='387' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,405.031,436)' font-family='Arial' font-size='12' fill='#232323'>2/2011</text><text  id='k6037e2bf'   data-model-id='ke01bf15e'  x='453' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,471.802,436)' font-family='Arial' font-size='12' fill='#232323'>7/2011</text><text  id='k700df8af'   data-model-id='ke806fc56'  x='520' y='444' fill-opacity='1' transform='translate(-14,14) rotate(-90,542.073,436)' font-family='Arial' font-size='12' fill='#232323'>12/2011</text><text  id='k74037e2b'   data-model-id='kea01bf14'  x='587' y='444' fill-opacity='1' transform='translate(-10.5,10.5) rotate(-90,605.344,436)' font-family='Arial' font-size='12' fill='#232323'>5/2012</text><text  id='k7500df8a'   data-model-id='k3a806fc5'  x='654' y='444' fill-opacity='1' transform='translate(-14,14) rotate(-90,675.615,436)' font-family='Arial' font-size='12' fill='#232323'>10/2012</text><text  id='k7500df8a'   data-model-id='k9c57fa79'  x='360' y='494' fill-opacity='1'  font-family='Arial' font-size='14' fill='#232323'>Time</text><text  id='k258cc664'   data-model-id='k12c66332'  x='39' y='427' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>0</text><text  id='k9633199'   data-model-id='kd4b198cd'  x='39' y='356' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>5</text><text  id='kba58cc67'   data-model-id='k8d2c6632'  x='32' y='286' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>10</text><text  id='k46963319'   data-model-id='kf34b198d'  x='32' y='215' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>15</text><text  id='ka9a58cc7'   data-model-id='k84d2c662'  x='32' y='145' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>20</text><text  id='k42696331'   data-model-id='kf134b199'  x='32' y='74' fill-opacity='1'  font-family='Arial' font-size='12' fill='#232323'>25</text><text  id='k42696331'   data-model-id='k9c57fa79'  x='10' y='234' fill-opacity='1' transform='translate(-10,10) rotate(-90,28.5,225.5)' font-family='Arial' font-size='14' fill='#232323'>Count</text></svg>
T. Tsonev
Telerik team
 answered on 09 May 2016
1 answer
319 views

I have pieced together a grid solution from many samples in this forum and online that has a detail template that will update the master row when a detail field changes, keep the row open and provide the user with 1 main save button that will send all changes for the grid main rows and related detail in one submit.

This jsfiddle example works perfectly, referencing kendo.all.min.js version 2013.1.1319:

    http://jsfiddle.net/jsd2clark/ttghey3n/

When I use the same code with a newer release of kendo.all.min.js, it does not work as expected.

This jsfiddle example does not work, referencing kendo.all.min.js version 2016.2.204.

    http://jsfiddle.net/jsd2clark/5qv8kLgo/

Can anyone help?

Rosen
Telerik team
 answered on 09 May 2016
1 answer
249 views

Example of this problem in Dojo

How to resolve?

 

<!DOCTYPE html>
<html>
<head>
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.504/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.504/styles/kendo.bootstrap.min.css" />
 
    <script src="//kendo.cdn.telerik.com/2016.2.504/js/jquery.min.js"></script>
    <script src="//kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
 
    <div class="demo-section k-content">
        <div>
            <h4>Check nodes</h4>
            <div id="treeview"></div>
        </div>
        <div style="padding-top: 2em;">
            <h4>Status</h4>
            <p id="result">No nodes checked.</p>
        </div>
    </div>
 
    <script>
        $("#treeview").kendoTreeView({
            checkboxes: {
                checkChildren: true
            },
 
            check: onCheck
        });
       
      $("#treeview").data("kendoTreeView").setDataSource([{
                        id: 9, text: "Reports", spriteCssClass: "folder", items: [
                            { id: 10, text: "February.pdf",checked:true, spriteCssClass: "pdf" },
                            { id: 11, text: "March.pdf", spriteCssClass: "pdf" },
                            { id: 12, text: "April.pdf", spriteCssClass: "pdf" }
                        ]
                    }]);
 
        // function that gathers IDs of checked nodes
        function checkedNodeIds(nodes, checkedNodes) {
            for (var i = 0; i < nodes.length; i++) {
                if (nodes[i].checked) {
                    checkedNodes.push(nodes[i].id);
                }
 
                if (nodes[i].hasChildren) {
                    checkedNodeIds(nodes[i].children.view(), checkedNodes);
                }
            }
        }
 
        // show checked node IDs on datasource change
        function onCheck() {
            var checkedNodes = [],
                treeView = $("#treeview").data("kendoTreeView"),
                message;
 
            checkedNodeIds(treeView.dataSource.view(), checkedNodes);
 
            if (checkedNodes.length > 0) {
                message = "IDs of checked nodes: " + checkedNodes.join(",");
            } else {
                message = "No nodes checked.";
            }
 
            $("#result").html(message);
        }
    </script>
 
    <style>
        #treeview .k-sprite {
            background-image: url("../content/web/treeview/coloricons-sprite.png");
        }
 
        .rootfolder { background-position: 0 0; }
        .folder     { background-position: 0 -16px; }
        .pdf        { background-position: 0 -32px; }
        .html       { background-position: 0 -48px; }
        .image      { background-position: 0 -64px; }
 
    </style>
</div>
 
 
</body>
</html>

Alex Gyoshev
Telerik team
 answered on 09 May 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?