JeroenVinke’s gists

JeroenVinke / app.html

Created February 8, 2017 09:23 — forked from gist-master/app.html

Dialog: basic use

	<template>
	<require from="aurelia-kendoui-bridge/dialog/dialog"></require>
	<div id="example">
	<div id="dialog"
	ak-dialog="k-widget.bind: dialog;
	k-width: 400px;
	k-title: Software Update;
	k-closable.bind: false;
	k-modal.bind: false;
	k-visible.bind: false;

JeroenVinke / app.html

Last active February 7, 2017 19:22 — forked from tonercart/app.html

Bar charts: basic use

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Site Visitors Stats \n /thousands/'}"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="seriesDefaults"
	k-series.two-way="series"
	k-value-axis.bind="valueAxis"
	k-category-axis.bind="categoryAxis"
	k-tooltip.bind="tooltip"
	view-model.ref="theChart">

JeroenVinke / app.html

Created January 30, 2017 19:50

Aurelia KendoUI component - problem report

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<button click.delegate="showValue()">Show k-widget value</button>
	<ak-chart k-title.bind="{text: 'Gross Domestic product growth \n /GDP annual %/'}"
	k-widget.two-way="chartWidget"
	view-model.ref="chartVM"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="seriesDefaults"
	k-series.bind="series"
	k-value-axis.bind="valueAxis"

JeroenVinke / app.html

Last active November 20, 2017 18:58 — forked from pKrav75/app.html

Grid: editing custom editor

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="category"></require>
	<div id="example">
	<ak-grid k-pageable.bind="true" k-height.bind="500" k-toolbar.bind="['create']" k-editable.bind="true" k-data-source.bind="dataSource">
	<ak-col k-field="ProductName" k-title="Product Name"></ak-col>
	<ak-col k-field="Category" k-title="Category" k-width="230px" k-editor.bind="categoryDropDownEditor" k-template.bind="categoryTemplate"></ak-col>
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="130px"></ak-col>
	<ak-col k-command="destroy" k-title=" " k-width="150px"></ak-col>

JeroenVinke / app.html

Created January 26, 2017 09:46

Grid: localization

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

Last active January 26, 2017 09:41 — forked from gist-master/app.html

Grid: localization

	<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">
	<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 January 25, 2017 15:41

Numeric textbox: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>
	<require from="./key-up"></require>

	<div id="example">
	<div class="demo-section k-content">
	<input id="numeric" type="number" ak-numerictextbox="k-value.two-way: value;" key-up style="width: 100%;"/>

	Current value: ${value}
	</div>

JeroenVinke / app.html

Last active January 25, 2017 15:41 — forked from gist-master/app.html

Numeric textbox: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>
	<require from="./key-up"></require>

	<div id="example">
	<div class="demo-section k-content">
	<input id="numeric" type="number" ak-numerictextbox="k-value.two-way: value;" key-up style="width: 100%;"/>

	Current value: ${value}
	</div>

JeroenVinke / app.html

Created January 24, 2017 11:26

Aurelia KendoUI component - problem report

	<!-- put your view here -->
	<template>
	<labeL>
	<input type="checkbox" checked.bind="preventDefault"/>
	Prevent filter
	</labeL>

	<br>

	<ak-drop-down-list k-data-text-field="omschrijving"

JeroenVinke / app.html

Created January 19, 2017 17:48

Aurelia KendoUI component - problem report

	<!-- put your view here -->
	<template>
	<button click.delegate="saveGridConfig()">Save Config</button>
	<button click.delegate="loadGridConfig()">Load Config</button>
	<ak-grid k-data-source.bind="datasource"
	k-pageable.bind="{ refresh: true, pageSizes: true, buttonCount: 10 }"
	k-widget.bind="requestGrid"
	k-sortable.bind="true"
	k-reorderable.bind="true"
	k-groupable.bind="true"

Jeroen Vinke JeroenVinke