Category : kendo-grid

I have a grid that I used to Selection inside(https://www.telerik.com/kendo-react-ui/components/grid/selection/).I actually have an array of data for example: [{title:’test’ ,id:1 ,selected :false} {title:’test2′ ,id:2 ,selected :false} {title:’test2′ ,id:3 ,selected :false}] With this method, when the user clicks on a line, it (selected) becomes true: selectionChange = (event) => { const data = this.state.items.map(item=>{ if(item.Id === ..

Read more

I am using Kendo PDF to provide the ability to download a page as a pdf, however the only success I cannot get the page breaks to work. My javascript code is .drawDOM($(‘#tempContainer’), { paperSize: ‘A4’, allPages: true, multiPage: true, margin: { left: ‘0cm’, top: ‘0.5cm’, right: ‘0cm’, bottom: ‘0.5cm’ }, forcePageBreak: ‘.html2pdf__page-break’, landscape: false, ..

Read more

I try to use kendo grid to show my data which is 3 level hierarchy. Each of the row have its own detail grid and each detail row have its own sub detail grid, something like this: RecordA RecordA1 RecordA1.1 RecordA2 RecordA2.1 RecordB RecordB1 RecordB1.1 <!DOCTYPE html> <html> <head> <base href=”https://demos.telerik.com/kendo-ui/grid/detailtemplate?autoRun=true&theme=office365″> <style>html { font-size: 14px; ..

Read more

I am trying to add a Delete button to each row in my kendo grid. I added the destroy command to the grid configuration and have the Delete button showing, but when I click it, I receive a console error — Uncaught TypeError: Cannot read property ‘results’ of undefined. This is referring to a line ..

Read more

I’ve a Kendo grid "mysubmissionsGrid" and I need call a function on clicking each row by single or double click. How can I achieve this? <div class="col-xs-12 col-nopadding-left col-nopadding-right" style="padding-bottom:20px;"> <!– start my submissions grid –> <div kendo-tooltip k-options="toolTipOptions"> <div data-grid-id="mysubmissionsGrid" id="mysubmissionsGrid" kendo-grid="mysubmissionsGrid" k-options="mysubmissionsGridOptions()"> </div> </div> <!– end my submissions grid –> </div> Here is ..

Read more

I have this kendo grid that I add columns dynamically to it in something like this: obj = { field: field, title: title, editor: transactionDocumentTextEditor, format: format, headerTemplate: headerTemplate, width: 40, template: " <div class=’documentBtn’><img src=’../Images/document-disabled-icon.svg’ border=’0′></div> " }; then later after adding all the columns I add them to the kendogrid columns, the I ..

Read more