Created
February 20, 2017 13:55
-
-
Save JeroenVinke/2af89bce4c7ed8a5ab1b74a655e7853f to your computer and use it in GitHub Desktop.
Aurelia KendoUI component - problem report
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <require from="aurelia-kendoui-bridge/button/button"></require> | |
| <ul ak-menu="k-open-on-click.bind:true; k-no-init.bind: true" ak-menu.ref="menuVM" class="rgk-action-menu"> | |
| <li><i class="fa fa-bars" aria-hidden="true"></i> | |
| <ul> | |
| <li repeat.for="status of ds"><i class="fa fa-envelope-o" aria-hidden="true"></i> ${status.statusLabel}</li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {inject} from "aurelia-framework"; | |
| import {TaskQueue} from "aurelia-task-queue"; | |
| @inject(TaskQueue) | |
| export class App { | |
| constructor(taskQueue) { | |
| this.taskQueue = taskQueue; | |
| } | |
| attached() { | |
| // simulate api delay | |
| setTimeout(() => { | |
| this.ds = [{statusLabel:'test'},{statusLabel:'test1'}, {statusLabel:'test2'}, {statusLabel:'test3'}] | |
| // give repeat.for the chance to render before we initialize the menu | |
| this.taskQueue.queueTask(() => { | |
| this.menuVM.recreate(); | |
| }); | |
| }, 2000); | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Aurelia KendoUI bridge</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.core.min.css"> | |
| <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" /> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.4.0/bluebird.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/1.2.1/chroma.min.js"></script> | |
| <script src="https://kendo.cdn.telerik.com/2017.1.118/js/jquery.min.js"></script> | |
| <script src="https://kendo.cdn.telerik.com/2017.1.118/js/jszip.min.js"></script> | |
| <script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script> | |
| </head> | |
| <body aurelia-app="main"> | |
| <h1>Loading...</h1> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.6/system.js"></script> | |
| <script src="https://rawgit.com/aurelia-ui-toolkits/aurelia-kendoui-bundles/1.2.0/config2.js"></script> | |
| <script> | |
| System.import('aurelia-bootstrapper'); | |
| </script> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export function configure(aurelia) { | |
| aurelia.use | |
| .standardConfiguration() | |
| .developmentLogging() | |
| .plugin('aurelia-kendoui-bridge', kendo => kendo.pro()); | |
| aurelia.start().then(a => a.setRoot()); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment