javascript - Creating a Kendo Grid Detail Template with Aurelia -
i'm trying create kendoui grid detail section in aurelia. detail section isn't nested grid, it's supposed static data specific field labels. it's still table though clarity.
i'm using aurelia + kendoui bridge framework
i've gone method of 'intercepting' grid detail initiation method in kendo api , building table html in parent component's js file. doesn't seem right me. missing better way this?
here's code have gives me want:
griddetailinit(e) { let data = e.data; let detailcontainer = e.detailrow.find('.detailcontainer'); detailcontainer[0].innerhtml = '<table> \ <tr>\ <td><p><strong>field @ 0,0:  </strong>' + data.field1 + '</p></td>\ <td><p><strong>field @ 0,1:  </strong>' + data.field2 + '</p></td>\ </tr>\ <tr>\ <td><p><strong>field @ 1,0:  </strong>' + data.field3 + '</p></td>\ <td><p><strong>field @ 1,1:  </strong>' + data.field4 + '</p></td>\ </tr>\ </table>' ; }
Comments
Post a Comment