[Webix + Meteor] Cannot read property 's' of null

edited February 2017 in Technical questions

Hi,

I'm trying to use meteor and webix but I'm having some problems.
Right now I'm using webix version 3.1.4 STUDENT PACK.

In my meteor CLIENT FOLDER, I have the following:

/lib
-- webix.js
-- webix.css

/js
-- meteor-data.js (https://github.com/webix-hub/webix-meteor-data/tree/master/codebase)

/ 
main.html
main.css
main.js
rounting.js
webix-config.js

In my main.html:

<template name="ApplicationLayout">
  <head>
    <title>Webty</title>
  </head>

  <body>
    <div id='layout_div' style='width:600px; height:600px; margin:20px;'>              </div>
  </body>

</template>

In my webix-config.js:

webix.ui({
   container:"layout_div",
   id:"layout",
   height:550,
   width:700,
   rows:[
       {template:"row 1", height:35 },
       {template:"row 1"},
       {view:"resizer"},
       {template:"row 2"},
       {view:"resizer"},
       {cols:[
           {
               id:"a1",
               template:"column 1",
               width:150
           },
           {
               view:"resizer",
               id:"resizer"
           },
           {   
               template:"column 2"
           },
           {
               template:"column 3"
           }
       ]
       }
   ]
}).show();

and I'm heaving this error:

Uncaught TypeError: Cannot read property 's' of null
    at Object.webix.ui (app.js?hash=8ee1006…:2593)
    at webix-config.js (app.js?hash=8ee1006…:20887)
    at fileEvaluate (modules-runtime.js?hash=0969a31…:207)
    at require (modules-runtime.js?hash=0969a31…:130)
    at app.js?hash=8ee1006…:20951

Someone have any idea about what is happening?

Thanks for all,
Cheers

Tagged:

Comments

  • Hi guys,

    I finally solved this problem! =D
    I put the code inside webix.ready()

    This is the code:

        webix.ready(function(){
            webix.ui({
               container:"layout_div",
               id:"layout",
               height:550,
               width:700,
               rows:[
                   {template:"row 1", height:35 },
                   {template:"row 1"},
                   {view:"resizer"},
                   {template:"row 2"},
                   {view:"resizer"},
                   {cols:[
                       {
                           id:"a1",
                           template:"column 1",
                           width:150
                       },
                       {
                           view:"resizer",
                           id:"resizer"
                       },
                       {   
                           template:"column 2"
                       },
                       {
                           template:"column 3"
                       }
                   ]
                   }
               ]
            });
        });
    
  • You are a saviour hilty. Seems very random to a newbie and don't understand why you can't move a script section of html to a script file. Was driving me absolutely mad. Couldn't find the answer anywhere else and then I found this :-)

  • the suggest was perfect for my code
    Thank You very much!,

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!