Skip to content

Instantly share code, notes, and snippets.

@gist-master
gist-master / app.html
Created April 18, 2017 13:35 — forked from JeroenVinke/app.html
Grid: multiselect
<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/grid/grid-command"></require>
<h1>Multiselect</h1>
<button ak-button click.delegate="showSelection()">Show selection</button>
@gist-master
gist-master / app.html
Created January 26, 2017 09:46
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="&nbsp;" width="250px"></ak-col>
@gist-master
gist-master / app.html
Last active January 24, 2017 11:30
Stop event propagation
<!-- 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"
@gist-master
gist-master / app.html
Created January 24, 2017 11:26 — forked from JeroenVinke/app.html
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"
@gist-master
gist-master / app.html
Created January 21, 2017 09:42
Dialog: API
<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: true;
k-modal.bind: false;
k-actions.bind: actions">
@gist-master
gist-master / app.html
Last active January 21, 2017 09:41
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: true;
k-modal.bind: false;
k-actions.bind: actions">
@gist-master
gist-master / app.html
Created January 21, 2017 09:39
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-actions.bind: actions"
@gist-master
gist-master / app.html
Created January 21, 2017 09:24
Dialog: Events
<template>
<div id="example">
<div id="dialog"
ak-dialog="k-widget.bind: dialog;
k-width: 400px;
k-title: Software Update;
k-closable.bind: true;
k-modal.bind: false;
k-actions.bind: actions"
k-on-close.delegate="onClose()"
@gist-master
gist-master / app.html
Created January 21, 2017 09:08
Dialog: Predefined dialogs
<template>
<div id="example">
<button click.delegate="alertBtn()" class="k-button">kendo.alert</button>
<button click.delegate="confirmBtn()" class="k-button">kendo.confirm</button>
<button click.delegate="promptBtn()" class="k-button">kendo.prompt</button>
</div>
</template>
@gist-master
gist-master / app.html
Created January 21, 2017 09:07
Dialog: Predefined dialogs
<template>
<div id="example">
<button click.delegate="alertBtn()" class="k-button">kendo.alert</button>
<button click.delegate="confirmBtn()" class="k-button">kendo.confirm</button>
<button click.delegate="promptBtn()" class="k-button">kendo.prompt</button>
</div>
</template>