gist-master’s gists

gist-master / app.html

Last active January 7, 2017 22:36 — forked from JeroenVinke/app.html

Grid: Persisting state

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

	<p>This sample demonstrates how to save the state of the grid to localStorage, and how to restore it again. Reorder the columns and click Save. Then reload the page and click on Load, the column order is then restored</p>

	<button click.delegate="save()" ak-button>Save</button>
	<button click.delegate="reloadPage()" ak-button>Reload page</button>
	<button click.delegate="load()" ak-button>Load</button>

gist-master / app.html

Created November 25, 2016 16:23 — forked from JeroenVinke/app.html

Grid: select row programatically

	<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-widget.bind="grid">
	<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>
	<ak-col k-title="Units In Stock" k-field="UnitsInStock" k-width="130px"></ak-col>

gist-master / app.html

Last active June 29, 2017 17:30 — forked from JeroenVinke/app.css

Mediaplayer: basic use

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

	<div id="mediaPlayer" style="height:360px"
	ak-mediaplayer="k-media.bind: { title: 'Recap of Progress', source: 'https://www.youtube.com/watch?v=tc3xhD24iTU' };
	k-auto-play.bind: true;
	k-navigatable.bind: true;
	k-widget.bind=mediaPlayer">
	</div>
	</template>

gist-master / app.html

Last active April 6, 2020 06:42 — forked from JeroenVinke/app.html

Grid: Grouping

	<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" id="grid" >
	<ak-col k-title="Product Name" k-field="ProductName" >
	<ak-template for="groupFooterTemplate">
	Group Count: ${ProductName.count}
	</ak-template>

gist-master / app.html

Created September 24, 2016 13:42 — forked from JeroenVinke/app.html

Grid: Excel export

	<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-toolbar.bind="['excel']"
	k-excel.bind="{ fileName: 'Kendo UI Grid Export.xlsx' }">
	<ak-col k-title="Contact Name" k-field="ContactName">
	</ak-grid>
	</template>

gist-master / app.html

Created September 7, 2016 06:31 — forked from JeroenVinke/app.html

Multiselect: tag template

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

	<div id="example">
	<div class="demo-section wide k-content">
	<h4>'Multiple' tag template</h4>
	<ak-multiselect k-placeholder="Select attendees..." k-auto-close.bind="false">
	<select multiple="multiple">

gist-master / 0_reuse_code.js

Created August 9, 2016 15:26

Here are some things you can do with Gists in GistBox.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

gist-master / app.html

Last active August 10, 2016 07:46 — forked from JeroenVinke/app.html

ListView: checkboxes

	<!-- put your view here -->
	<template>
	<require from='./products.css'></require>
	<require from="aurelia-kendoui-bridge/listview/listview"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<ak-list-view k-data-source.bind="dataSource"
	k-widget.bind="listview"
	click.trigger="onListviewSelect($event.target)"
	id="listview">

gist-master / app.html

Last active August 10, 2016 06:46 — forked from JeroenVinke/app.html

Aurelia - Drag-drop

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

	<div class="list-wrapper">
	<h3>Available</h3>
	<ul id="sortable-listA"
	ref="availablelist"
	style="min-height: 250px; border : 2px solid;";
	ak-sortable="k-hint.call: availableHint($event); k-connect-with: #sortable-listB; k-placeholder.call: placeholder($event)">
	<li class="linked-list-item">item one</li>

gist-master / app.html

Last active December 9, 2020 08:19 — forked from JeroenVinke/app.html

Grid: binding to local data

	<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-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>
	<ak-col k-title="Units In Stock" k-field="UnitsInStock" k-width="130px"></ak-col>