<template>
  <require from="aurelia-kendoui-bridge/grid/grid"></require>
  <require from="aurelia-kendoui-bridge/grid/col"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>
  <require from="aurelia-kendoui-bridge/button/button"></require>
  <require from="aurelia-kendoui-bridge/grid/grid-command"></require>


<ak-grid k-data-source.bind="datasource"  k-on-data-bound.delegate="onDataBound($event.detail)">
    <ak-col k-title="Contact Name" k-field="ContactName"></ak-col>
    <ak-col k-title="Contact Name">
      <ak-template>
        <button ak-button="k-enabled.bind: IsEnabled" k-on-click.delegate="loadPdf($event)">Hello world</button>
      </ak-template>
    </ak-col>
        <ak-col k-title="TestPDF1">
      <ak-template>
        <button ak-button="k-enabled.bind: IsEnabled" k-on-click.delegate="loadPdf($event)">Hello world</button>
      </ak-template>
    </ak-col>
     <ak-col k-title="Test-command">
      <ak-grid-command k-name="details" k-text="Details" k-click.call="details($event)"></ak-grid-command>
    </ak-col>
  </ak-grid>
</template>