This is a migrated thread and some comments may be shown as answers.

Add div element dynamically in kendo grid template specific position

1 Answer 2623 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Vikash asked on 05 Nov 2016, 06:36 AM

Hi All,

I am using kendo grid row template where i have to add dynamic div based on the text.

Below is my code:

#:changeTemplate(Category)#

</div>

</td>

</tr>

</script>

for the category in first row value is c# and second row value is: c#, Asp.Net, AngularJs

for change template below is the script function used.

in this function i am checking if value is seprated by comma then split one by one value and add in span tag and that tag should append in div.

i have checked through debug if i am directly appending value to div so this div is no more there, for that purpose i am creating this div in document ready function only:

var container = document.createElement('div'); container.setAttribute('id', 'dvCategory'); container.setAttribute('class', 'row');

if i am using here $('body').append(container);

value is showing but out of grid.

can i get help to set div on the same position where category is there?

Add div element dynamically in kendo grid template specific position

1 Answer, 1 is accepted