Skip to content

Instantly share code, notes, and snippets.

View adriatic's full-sized avatar
💭
I may be slow to respond.

Nikolaj Ivancic adriatic

💭
I may be slow to respond.
  • Congral, LLC
  • Ann Arbor, MI
  • 14:05 (UTC -04:00)
View GitHub Profile
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
Upload: basic usage
<template>
<div id="example">
<div class="box">
<h4>Information</h4>
<p>
The Upload can be used as a drop-in replacement
for file input elements. This "synchronous" mode does not require
special handling on the server.
</p>
</div>
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: Api
<template>
<div id="example">
<div class="box wide">
<div class="box-col">
<h4>Expand / Collapse</h4>
<ul class="options">
<li>
<button class="k-button" id="expandAllNodes" click.delegate="expandAllNodes()">Expand all nodes</button>
</li>
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: binding to remote data
<template>
<div id="example">
<div class="demo-section k-content">
<div ak-treeview="k-data-source.bind:homogeneousData; k-data-text-field.bind : 'FullName';" id="treeview"></div>
</div>
</div>
</template>
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
TreeView: binding to local data
<template>
<require from="./binding-to-local-data.css"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Inline data (default settings)</h4>
<div ak-treeview="k-data-source.bind:defaultData" id="treeview-left"></div>
</div>
<div class="demo-section k-content">
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: checkboxes
<template>
<require from="./checkboxes.css"></require>
<div id="example">
<div class="demo-section k-content">
<div>
<h4>Check nodes</h4>
<div ak-treeview="k-data-source.bind: data;
k-checkboxes.bind: { checkChildren : true};
k-widget.bind: treeview"
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: images
<template>
<require from="./images.css"></require>
<div id="example">
<div class="demo-section k-content">
<h4>TreeView with images</h4>
<div ak-treeview="k-data-source.bind: imagesData" id="treeview-images"></div>
</div>
<div class="demo-section k-content">
<h4>TreeView with sprites</h4>
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: drag and drop
<template>
<div id="example">
<div class="demo-section k-content">
<h4>Treeview One</h4>
<div ak-treeview="k-data-source.bind : data; k-drag-and-drop: true"></div>
</div>
</template>
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeView: basic usage
<template>
<require from="./basic-use.css"></require>
<div id="example">
<div class="demo-section k-content">
<ul ak-treeview id="treeview">
<li data-expanded="true">
<span class="k-sprite folder"></span> My Web Site
<ul>
<li data-expanded="true">
<span class="k-sprite folder"></span>images
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeList: Api
<template>
<ak-tree-list k-data-source.bind="dataSource" k-selectable.bind="true" k-widget.bind="treelist">
<ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name"></ak-tree-col>
<ak-tree-col k-field="LastName" k-title="Last Name"></ak-tree-col>
<ak-tree-col k-field="Position"></ak-tree-col>
<ak-tree-col k-field="Extension" k-title="Ext" k-format="{0:#}"></ak-tree-col>
</ak-tree-list>
<div class="box wide">
<div class="box-col">
@adriatic
adriatic / app.html
Last active July 20, 2016 06:32
TreeList: events
<template>
<require from="./logger.js"></require>
<ak-tree-list k-data-source.bind="dataSource"
k-on-edit.delegate="onEdit($event.detail.model)"
k-on-save.delegate="logger.log('save')"
k-on-remove.delegate="logger.log('remove')"
k-on-data-bound.delegate="logger.log('dataBound')"
k-on-data-binding.delegate="logger.log('dataBinding')">
<ak-tree-col k-field="FirstName" k-expandable.bind="true" k-title="First Name" k-width.bind="250"></ak-tree-col>
<ak-tree-col k-field="LastName" k-title="Last Name"></ak-tree-col>