webix-hub/angular2-demo

Demo of Webix usage with Angular 2

angular2-demo's Issues

Is container property optional?

I have followed the example and created my own component. It seems if I ignore the container property, everything still works fine? The webix ui will render the component correctly.

constructor(private router: Router, root: ElementRef) {
this.ui = <webix.ui.menu>webix.ui({
container: root.nativeElement,

Similar to above code, I actually didn't add container parameter. How could webix figure the right place to render itself? What's the magic here?
Thanks!

Throws error on npm run start

After cloning the repo and running npm install it's throwing error on npm run start.
node_modules/@types/webix/index.d.ts(3443,18): error TS2304: Cannot find name 'object'. npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! [email protected] start: tsc && concurrently "tsc -w" "lite-server" npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/mypc/.npm/_logs/2018-02-22T11_08_10_900Z-debug.log

And also couldn't find the npm repo [email protected].

npm run start 后报错

Layout issue with webix components

I want to layout the angular components which are wrappers to webix components using angular/flex-layout. But the webix components getting render as one after the other than getting rendered in tabler format. I also observed that in the DOM Explorer the webix components are out-side of my angular root component whereas in the code it is not.

Is there any solution??

using angular cli

#1 I am trying to develop web.ui.datatable using angular cli. When I am running my serve. I have the error " Cannot find namespace 'webix'". I have the following code

---

app.component.ts

import { Component, ElementRef, OnDestroy, OnInit } from '@angular/core';

@component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})

export class AppComponent implements OnDestroy, OnInit {
private ui : webix.ui.datatable;

ngOnInit(){
this.ui.resize();
}

ngOnDestroy(){
this.ui.destructor();
}
}

angular-cli.json
{
"project": {
"version": "1.0.0-beta.28.3",
"name": "app-tegik"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.json",
"prefix": "app",
"styles": [
"styles.css",
"../node_modules/webix/webix.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/webix/webix.js"],
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"lint": [
{
"files": "src//*.ts",
"project": "src/tsconfig.json"
},
{
"files": "e2e//*.ts",
"project": "e2e/tsconfig.json"
}
],
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "css",
"prefixInterfaces": false,
"inline": {
"style": false,
"template": false
},
"spec": {
"class": false,
"component": true,
"directive": true,
"module": false,
"pipe": true,
"service": true
}
}
}