Uncaught TypeError : cannot read property 'replace' of undefined In Grid

Question

I'm new in using Kendo Grid and Kendo UI . My question is how can i resolve this Error

Uncaught TypeError: Cannot read property 'replace' of undefined  

This is my Code on my KendoGrid

$("#Grid").kendoGrid({             scrollable: false,             sortable: true,             pageable: {                 refresh: true,                 pageSizes: true             },             dataSource: {                 transport: {                     read: {                         url: '/Info/InfoList?search=' + search,                         dataType: "json",                         type: "POST"                     }                  },                 pageSize: 10             },             rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')),             altRowTemplate: kendo.template($("#rowTemplate").html())         }); 

Line that Causes the Error

rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')), 

HTML of rowTemplate

 <script id="rowTemplate" type="text/x-kendo-tmpl">            <tr class='k-alt'>             <td>                 ${ FirstName } ${ LastName }             </td>         </tr>             </script> 

Answer 1

I think jQuery cannot find the element.

First of all find the element

var rowTemplate= document.getElementsByName("rowTemplate"); 

or

var rowTemplate = document.getElementById("rowTemplate");  

or

var rowTemplate = $('#rowTemplate'); 

Then try your code again

rowTemplate.html().replace(....)