JeroenVinke’s gists

JeroenVinke / app.html

Created January 7, 2017 15:30 — forked from gist-master/app.html

Gantt: column resizing

	<template>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<div k-on-click.delegate="test()">
	<button ak-button k-on-click.trigger="test($event)">Test</button>
	</div>
	</template>

JeroenVinke / app.html

Last active August 17, 2017 14:24 — forked from gist-master/app.html

DropDownList: basic usage

	<template>

	<require from="aurelia-kendoui-bridge/dropdownlist/dropdownlist"></require>

	<div id="example">
	<div id="cap-view" class="demo-section k-content">
	<h4>Customize your Kendo Cap</h4>
	<h4 style="margin-top: 2em;">Cap Size</h4>
	<ak-drop-down-list k-value.two-way="capSize">
	<select style="width: 100%;">

JeroenVinke / app.html

Created December 22, 2016 15:02 — forked from eliavmaman/app.html

Aurelia KendoUI component - problem report

	<!-- put your view here -->
	<template>
	<require from="./grid"></require>

	<button click.delegate="changeData()">Change different Data</button>
	<grid view-model.ref="gridObj"></grid>
	</template>

JeroenVinke / app.html

Created December 22, 2016 11:57 — forked from gist-master/app.html

TreeView: binding to remote data

	<template>
	<require from="aurelia-kendoui-bridge/treeview/treeview"></require>
	<div id="example">
	<div class="demo-section k-content">
	<ak-treeview k-data-source.bind="dataSource" k-data-text-field="FullName" id="treeview"></ak-treeview>
	</div>
	</div>

	<button click.delegate="changeData()">Change data</button>
	</template>

JeroenVinke / app.html

Created December 6, 2016 15:43 — forked from gist-master/app.html

Grid: messages translation

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

	<ak-grid k-data-source.bind="datasource" k-pageable.bind="true" k-toolbar.bind="['create']" k-editable="inline" k-messages.bind="messages">
	<ak-col k-field="ProductName"></ak-col>
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="120px"></ak-col>
	<ak-col k-field="UnitsInStock" k-title="Units In Stock" k-width="120px"></ak-col>
	<ak-col k-field="Discontinued" k-width="120px"></ak-col>
	<ak-col k-command.bind="['edit', 'destroy']" k-title=" " width="250px"></ak-col>

JeroenVinke / app.html

Created December 1, 2016 19:58 — forked from johntom/app.html

Aurelia: Kendo TemplatesGrouping Exports https://gist.run/?id=53582770b5d72003fe3969c740b8fb6e

	<template>
	<!--<base href="http://demos.telerik.com/kendo-ui/grid/excel-export">-->
	<style>
	html {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}
	</style>
	<title></title>
	<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-material.min.css" />

JeroenVinke / app.html

Last active November 29, 2016 18:31 — forked from dtaalbers/app.html

Bar chart: Binding to remote data

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="title" k-data-source.bind="datasource" k-legend.bind="legend" k-series-defaults.bind="seriesDefaults"
	k-series.bind="series" k-tooltip.bind="tooltip">
	</ak-chart>
	</template>

JeroenVinke / app.html

Last active February 25, 2017 11:28 — forked from gist-master/app.html

Grid: select row

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

	<ak-grid k-data-source.bind="datasource"
	k-selectable="row"
	k-on-data-bound.delegate="dataBound($event.detail)"
	k-on-change.delegate="rowSelected($event.detail)">
	<ak-col k-title="ProductName" k-field="ProductName"></ak-col>
	<ak-col k-title="Unit Price" k-field="UnitPrice" k-format="{0:c}" k-width="130px"></ak-col>

JeroenVinke / app.html

Last active November 23, 2016 18:17 — forked from dtaalbers/app.html

Line charts: binding to grouped data

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-widget.bind="widget" k-data-source.bind="datasource" k-legend.bind="{position: 'bottom'}" k-series-defaults.bind="seriesDefaults"
	k-series.bind="series" k-value-axis.bind="valueAxis" k-category-axis.bind="categoryAxis" k-tooltip.bind="tooltip"
	view-model.ref="chart">
	</ak-chart>
	</template>

JeroenVinke / app.html

Last active November 14, 2016 18:35 — forked from debbief2112/app.html

Two-way binding

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

	<!-- note, you need to call .notifyBindingBehavior() in main.js -->
	<ak-grid k-data-source.bind="datasource" k-widget.bind="grid" k-toolbar.bind="['create']" k-editable.bind="true">
	<ak-col>
	<ak-template>
	${ProductName}

Jeroen Vinke JeroenVinke