JeroenVinke’s gists

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 / gist:345f23a2dce0466998538a706515600d

Created December 12, 2016 16:47


	"import": {
	"patches": [
	{ "op": "replace", "path": "/build/loader/plugins/0/stub", "value": false}
	],
	"dependencies": ["aurelia-pal"],
	"bundles": [{
	"name": "materialize.js",
	"dependencies": [
	"materialize"

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 5, 2016 19:08

Grid: i18n translation switch

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

	<ak-grid k-data-source.bind="datasource" grid-i18n>
	<ak-col k-title="ProductName" k-field="ProductName"></ak-col>
	</ak-grid>
	</template>

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

Created November 29, 2016 18:36

Bar chart: Binding to remote data

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

	<!-- k-no-init tells the ak-chart to render the chart manually, via .recreate() in the view-model -->
	<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" k-no-init.bind="true" view-model.ref="chartVM">
	</ak-chart>
	</template>

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

Created November 29, 2016 17:45

DateTimePicker: range selection

	<template>
	<div id="example">
	<div class="demo-section k-content">
	<h4>Start date:</h4>
	<input style="width: 100%;"
	ak-datetimepicker="k-value.two-way: today;
	k-widget.two-way: startDatePicker;
	k-parse-formats.bind: ['MM/dd/yyyy']"
	k-on-change.delegate="startChange()"/>

Jeroen Vinke JeroenVinke