JeroenVinke

{ name: 'aurelia-app',
  type: 'project:application',
  buildsystem: 'webpack',
  platform: { id: 'web', displayName: 'Web' },
  transpiler:
   { id: 'babel',
     displayName: 'Babel',
     fileExtension: '.js',
     options: { plugins: [Object] } },
  markupProcessor: { id: 'none', displayName: 'None', fileExtension: '.html' },

JeroenVinke

<template>
    <ak-combobox k-data-text-field="text"
        					k-data-value-field="value"
                  k-data-source.bind="data"
                  k-value.two-way="fabric"
                  k-auto-width.bind="true"
                  k-filter="contains"
                  k-suggest.bind="true">
    <ak-template>
      <span class='k-state-default' >${desc}/${text}</span>

JeroenVinke

<template>
    <require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>

    <ak-multiselect id="testMulti1"
                        k-auto-close.bind="false"
                        k-data-source.bind="data"
                        k-data-text-field="text"
                        k-data-value-field="value"
                        k-tag-mode="single"
                        k-widget.two-way="multiselect"

JeroenVinke

<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="./my-custom-element"></require>

    <ak-grid k-data-source.bind="datasource">
      <ak-col k-title="First Name" k-field="FirstName"></ak-col>
      <ak-template for="detailTemplate">
         <customer-orders customer.bind="$this" orders.bind="Orders" firstname.bind="FirstName"></customer-orders>

JeroenVinke

<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>

    <ak-grid k-data-source.bind="datasource">
      <ak-col k-title="First Name" k-field="FirstName"></ak-col>
      <ak-template for="detailTemplate">
         <ak-grid k-data-source.bind="Orders">
          <ak-col k-title="OrderId" k-field="OrderId"></ak-col>

JeroenVinke

<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>

    <ak-grid k-data-source.bind="datasource"
             k-pageable.bind="pageable"
             k-sortable.bind="true"
             k-on-detail-init.delegate="detailInit($event.detail)">
      <ak-col k-title="First Name" k-field="FirstName"></ak-col>

JeroenVinke

<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>

    <ak-grid k-data-source.bind="datasource"
             k-pageable.bind="pageable"
             k-sortable.bind="true"
             k-on-data-bound.delegate="onDataBound($event.detail)"
             k-on-detail-init.delegate="detailInit($event.detail)">

JeroenVinke

<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>

    <ak-grid k-data-source.bind="datasource"
             k-pageable.bind="pageable"
             k-sortable.bind="true"
             k-on-data-bound.delegate="onDataBound($event.detail)"
             k-on-detail-init.delegate="detailInit($event.detail)">

JeroenVinke

<template>
  <require from="./counter"></require>
  <!--<require from="./capitalize"></require>-->
  <require from="aurelia-kendoui-bridge/grid/grid"></require>
  <require from="aurelia-kendoui-bridge/grid/col"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>

  <ak-grid k-data-source.bind="datasource">
    <ak-col k-title="Contact Name" k-field="ContactName">
      <ak-template>

JeroenVinke

<template>
  <ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true" id="grid" >
            <ak-col k-title="Product Name" k-field="ProductName" >
                <ak-template for="groupFooterTemplate">
                    Group Count: ${ProductName.count}
                </ak-template>
                <ak-template for="footerTemplate">
                    Total Count: ${count}
                </ak-template>