Getting message: env: node\r: No such file or directory
when trying: wjet init

(MacBook, El Capitan)

Hi

When using the global id on a form to get dirty status, everything works fine.

When using the local id on a form to get dirty status, it failed

TypeError: Cannot read properties of undefined (reading 'queryView')
    at JetBase.$$ (webix-jet.js?12:83:31)
    at Object.template (<anonymous>:77:28)
    at result._toHTML (webix.js?12:2727:29)
    at result.render (webix.js?12:2739:44)
    at result.render (webix.js?12:26770:29)
    at result.$setSize (webix.js?12:26656:14)
    at result._set_child_size (webix.js?12:21995:24)
    at result._set_child_size (webix.js?12:22406:45)
    at result.$setSize (webix.js?12:22397:12)
    at result._set_child_size (webix.js?12:22008:24)

https://snippet.webix.com/fbir7y9b

Cheers

I'm using webix jet with typescript; however, after update I got errors like 'Property 'config' does not exist on type 'App'.'. I was able to upgrade up to version 2.2.0-beta3 (https://www.npmjs.com/package/webix-jet/v/2.2.0-beta3). I see that the latest versions are using .mjs files... might this causing the issue for me?

My app is based on the webix-jet starter typescript template downloaded from GitHub. I cannot find an updated version. Please can you provide me with a hint on how to continue?

Thanks!

I have a multi-level sidebar loaded with

webix
  .ajax()
  .get("/my/menu/endpoint")
  .then(res => {
    const menu = res.json().map(convertMenuData);
    sidebarConfig.parse(menu, "json");
  });

where

sidebarConfig is a webix.DataCollection().

When this.app.refresh() is executed in another part of the app (to change language, for example) the whole app refresh and the sidebar is loaded with only the first level items.

If i try to inspect sidebarConfig (the DataCollection) I can also only see the first level items of the menu.

Any ideas?

Hello,

Currently, for version 0.1.5, path to ”views” is hardcoded (line 240).
It should be part of an external dependency/module.
What do you think?

Thanks.

Hello, I'm using webix-jet to build a web page. This page need provide a form to get different filtering conditions. I use richselect component and some input to complete this ,but there are some difficult.

1. In this form, "filter_compare_input" has two style and it controlled by richselect which name is text2. But there has some error,the "filter_compare_input" can't display in the web page, I also try using function,but it has same question. I had saw the webix-jet-demo, but can't resolve this. Meanwhile , I try to use $$("text2").getValue() ,but failed , this code is can be used in Webix Code Sample,and failed in here. The code as follow:

2. Because of there are multi filtering conditions, would I can get different value by getValue()? Or,it needs some other functions?

var filter_compare_input;
var filter_compare_input1 = {cols:[
	{ view:"text", name:"startvalue",label:"From:",inputName:"startvalue",labelPosition:"left"},
	{ view:"text", name:"endvalue",label:"To:",inputName:"endvalue",labelPosition:"left"},
]};
return {
	rows:[
		{
			view:"form",
			localId:"filter_form",
			rows:[
			        filter_shotNum,
				filter_keyword,
				{
					cols:[{
						width:250,cols:[{
							view:"richselect",id:"richselect3",value:1,inputWidth:110,
										options:[
											{ id:1, value:"IP(KA)" },
											{ id:2, value:"HCN(KV)" },
											{ id:3, value:"Shot_Len(S)"}
										],},		
						{view:"richselect",name:"text2",value:1,inputWidth:110,
										options:[
											{ id:1, value:"Large than >" },
											{ id:2, value:"Less than <" },
											{ id:3, value:"Range"}
										],on:{
												onChange(id){
													console.log(id)
													if(id == 3){
														filter_compare_input = filter_compare_input1
													}
													else{
														filter_compare_input = { view:"text", name:"compare_value",placeholder:"Input value",inputName:"compare_value"}
													}
												}
											}
									},]
								},
								// this is a input component and it has two style
								filter_compare_input,
							]

Thank you for answer.

The following line seems to be wrong.

The correct should be:
return model.logout().then(function (res) {

Hi Maksim,

For easy tracking, tt would be helpful to include the version in the header of files.
Same as Webix distribution, of course.

Thanks.

Hi again

I’m looking for a clean way to prevent user to loose some changes after a form became dirty.

Below an example:
https://snippet.webix.com/d6707336

1. go to the form page
2. type something in the textarea or the text input, the label "dirty return … " will be updated
3. when dirty return TRUE, AND if the user click “start” in the sidebar, i’d like to webix.confirm something, and depending of the result, allow page change or not.

I didn't find something in the documentation related to that, but perhaps i missed something.

Any hints ? ty

from your website https://webix.gitbook.io/webix-jet/getting-started

webix-jet-master>npm start
npm ERR! missing script: start

I don't see any relevant scripts to start, only test

also

npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-commonjs.
npm WARN deprecated [email protected]: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-node-resolve.

Guard.ts imports error.ts

import {NavigationBlocked} from "../errors";

But errors.ts is missing.

errors.ts with following content works for the moment

export class NavigationBlocked {};

If view.ui API is used against a complex view with subviews then API return view object while its sub-element are not initialized

It will be nice to return a promise of View instead of view from this method.

Hello,

It looks like that the path to xcrun is not correctly detected: althought available as /usr/bin/xcrun, it looks for it in /Library/Developer/CommandLineTools/usr/bin/xcrun.

ilema@minix /files/dev/wspace_webix/wjet-test-1 > wjet init
? Give your app a name wjet-test-1
? Do you want to create a multi-language app? Yes
? Do you want to use multiple skins? No
? Css pre-processor? Less
/usr/local/lib/node_modules/wjet/templates/noserver
/usr/local/lib/node_modules/wjet/templates/extras/settings
/usr/local/lib/node_modules/wjet/templates/extras/less
/usr/local/lib/node_modules/wjet/templates/extras/settings/views
/usr/local/lib/node_modules/wjet/templates/extras/less/assets
/usr/local/lib/node_modules/wjet/templates/noserver/.bowerrc
/usr/local/lib/node_modules/wjet/templates/extras/settings/views/personal.js
/usr/local/lib/node_modules/wjet/templates/extras/less/assets/app.less
/usr/local/lib/node_modules/wjet/templates/extras/less/assets/common.less
/usr/local/lib/node_modules/wjet/templates/noserver/.npmignore
/usr/local/lib/node_modules/wjet/templates/extras/settings/views/settings.js
/usr/local/lib/node_modules/wjet/templates/extras/less/assets/theme.siberia.less
/usr/local/lib/node_modules/wjet/templates/noserver/README.md
/usr/local/lib/node_modules/wjet/templates/noserver/app.js
/usr/local/lib/node_modules/wjet/templates/noserver/bower.json
/usr/local/lib/node_modules/wjet/templates/noserver/gulpfile.js
/usr/local/lib/node_modules/wjet/templates/noserver/index.html
/usr/local/lib/node_modules/wjet/templates/noserver/jshint.conf.js
/usr/local/lib/node_modules/wjet/templates/noserver/models
/usr/local/lib/node_modules/wjet/templates/noserver/package.json
/usr/local/lib/node_modules/wjet/templates/noserver/views
/usr/local/lib/node_modules/wjet/templates/noserver/models/records.js
/usr/local/lib/node_modules/wjet/templates/noserver/views/data.js
/usr/local/lib/node_modules/wjet/templates/noserver/views/start.js
/usr/local/lib/node_modules/wjet/templates/noserver/views/top.js
Insaling dependencies...
done
/usr/local/lib/node_modules/wjet/node_modules/bower/node_modules/q/q.js:155
                throw e;
                      ^
Error: Failed to execute "git ls-remote --tags --heads git://github.com/webix-hub/tracker.git", exit code of #1
xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

    at createError (/usr/local/lib/node_modules/wjet/node_modules/bower/lib/util/createError.js:4:15)
    at ChildProcess.<anonymous> (/usr/local/lib/node_modules/wjet/node_modules/bower/lib/util/cmd.js:102:21)
    at ChildProcess.emit (events.js:110:17)
    at maybeClose (child_process.js:1015:16)
    at Socket.<anonymous> (child_process.js:1183:11)
    at Socket.emit (events.js:107:17)
    at Pipe.close (net.js:485:12)
ilema@minix /files/dev/wspace_webix/wjet-test-1 > 

ilema@minix /files/dev/wspace_webix/wjet-test-1 > which xcrun
/usr/bin/xcrun
ilema@minix /files/dev/wspace_webix/wjet-test-1 >

Thanks

It is expected that app.getUrl() will return the full app URL.
Otherwise, there is no handy way to do so.

Hello, I'm using Webix Jet and I have an issue with a collapsed sidebar.

I replicated the issue on your online tool here: https://snippet.webix.com/1ny4b1lt

As you can see when the sidebar is collapsed, you cannot navigate to children items.

Any ideas?

I've just added the user plugin and it works but not for the initial view. My initial view is '/top/start' but the app is not redirecting to the login view. If I navigate to another view I will be redirected. How can I resolve this issue?

Lets assume we are in path /app/page and it gives error when we call setParam("id", 1, true)

It's okay to call setParam when we are in /app/page/xxx but not possible when we are in /app/page

I tried to write a solution in #15

I've a JET view which has two plugins: UrlParam and UnloadGuard. The app is using the HashRouter. The issue is that when I click the browsers' back button the parameter is directly removed before it even hits the UnloadGuard.

The UnloadGuard is implemented as follows (in the init method):

this.use(plugins.UnloadGuard, args => {
      const form = this.$$("frm");

      if (form.isVisible() && form.isDirty()) {
        return webix
          .confirm({
            title: "Form is incomplete",
            text: "Do you still want to leave?"
          })
      }

      return true;
});
this.use(plugins.UrlParam, ["id", "canvasEntityId"]);

Example: The URL looks like '.../task/1'. After I click the browsers' back button the url looks like '.../task' and not awaits the UnloadGuard (as I expect).

How can I work around this? Any help is highly appreciated because I need this ASAP (as always...).

Thanks,
Martin

I am trying to create a configurable datatable view

What I need is changing configuration dynamically.

self._render() doesn't work when I am switching between pages. After _render, this.container.$destructed is true. So I can't call _render again.

Is there any way to refresh or render the view?

export class RecordsView extends JetView {
	protected property_menu: PropertyMenu;
	protected _config = {
		property_menu: true,
		unit: true,
		price: true,
	};
	constructor(app, name, config = {}) {
		super(app, name);
		this.setConfig(config);
	}
	setConfig(config = {}, render = false){
		this._config = Object.assign(this._config, config);
		if(render){
			//self._render();
		}
	}
	config(): any {
		let self = this;
		return {
			autoheight: true,
			minHeight: 200,
			view: "datatable", select: true, scrollY: true, navigation: true,
			columns: [
				{
					id: "unit_price",
					header: "Price",
					width: 140,
					editor: "text",
					disabled: !self._config.price,
					hidden: !self._config.price,
				}
			]
		}
	}
}

Hi Maksim,

Maybe it's too early in the process, but I just tried to see the result:

[ilema@visva webix]$ mkdir wjetApp1
[ilema@visva webix]$ cd wjetApp1/
[ilema@visva wjetApp1]$
[ilema@visva wjetApp1]$ wjet init
env: node\r: No such file or directory
[ilema@visva wjetApp1]$

NPM/Node versions:

[ilema@visva wjetApp1]$ node -v
v0.12.7
[ilema@visva wjetApp1]$ 
[ilema@visva wjetApp1]$ npm -v
2.11.3
[ilema@visva wjetApp1]$

Hello,

Perhaps i missed something, but it's sound like you can not "removeParam". The only way is setParam("myParam", "");

Should be great to have a removeParam or deleteParam method.

I'm facing the issue that the window/popup and context menu view that defined to extends JetView will not be able to init by this.ui() inside the parent view. Please see the example code below:

class WindowsView extends JetView {
    config(){
        return {
            view:"popup",
            top:200, left:300,
            body:{ template:"Text 2 (fixed position)" }
        };
    }
    showWindow(){
        this.getRoot().show();
    }
}

class TopView extends JetView {
  config(){
    return {
      rows:[{
      	template:"Webix Jet Demo", type:"header"
      },{
        view:"button",
        value: "window",
        click: () => {
          this.context.showWindow()
        }
      }]
    }
  }  
  init(){
    this.context = this.ui(WindowsView);
    console.log(this.context)
  }
  destroy(){
    $$("context").destructor();
  }
}


var app = new JetApp({
  start:"/top",
  debug:true,
  views:{
    top: TopView
  }
});

app.render();

As my investigation, webpack build will transpile the class to function form in the end, and then webix will not able to determine the input layout/view, it will return a spacer view (something like that) as default.

So is there any solutions for this, I want to keep the layout and logic of the window/popup extends JetView.

Please advise.
Many thanks

Hi.
If I need to place all views and models into separate bundles. What project structure should I have? Do I need to place all files into modules folder or it can be resolved by changing some webpack config?

And is it preferred to use TypeScript for new project? Do you plan to rewrite webix lib on TS?

Hi!

How can I include a static file? (like, a png or a json)

Hi! I am using TypeScript and WebixJet.
You cannot pass new MyWindowsView (this.app, “”, myParams) to the this.ui (), I use // @ ts-ignore
And TS swears at this.getRoot (). QueryView () - queryView does not exist on type IBaseView