or
$("#grid").kendoGrid({ dataSource: { data: testData, pageSize: 10 }, groupable: false, sortable: false, pageable: { refresh: true, pageSizes: true }, columns: [ { field: "FileName", title: "File Name", template: "<input id='f', type='file' />" } ]});<div id="menuTest"> <ul id="menu"> <li onclick="javascript:$('#grid').data('kendoGrid').addRow()"><img src="Images/help_videos_16x16.png"/>New</li> </ul></div><div class="km-loader" data-role="loader" style="display: none;"> <span class="km-loading km-spin"></span> <span class="km-loading-left"></span> <span class="km-loading-right"></span> <h1>Loading...</h1></div>.km-ios .km-loading { background-color:#FFF }.km-ios .km-loader .km-loading-left { background-color:rgba(255,255,255,0.55) }.km-ios .km-loader .km-loading-right { background-color:rgba(255,255,255,0.2) }.km-ios .km-loader h1 { color:#FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
