CesiumJS with KnockoutJS

CesiumJS
1

**How can we start building cesium app with knockout. **

I tried to code:

First name:

jQuery.Deferred exception: Unable to process binding “style: function(){return {“top”:_screenPositionY,“left”:_screenPositionX} }”
Message: _screenPositionY is not defined ReferenceError: Unable to process binding “style: function(){return {“top”:_screenPositionY,“left”:_screenPositionX} }”
Message: _screenPositionY is not defined
at style (eval at parseBindingsString (http://localhost/grid/js/knockout-3.4.2.js:68:398), :3:72)
at update (http://localhost/grid/js/knockout-3.4.2.js:98:224)
at function.a.B.i (http://localhost/grid/js/knockout-3.4.2.js:73:45)
at Function.Uc (http://localhost/grid/js/knockout-3.4.2.js:52:31)
at Function.Vc (http://localhost/grid/js/knockout-3.4.2.js:51:299)
at Function.U (http://localhost/grid/js/knockout-3.4.2.js:51:126)
at Object.a.m.a.B (http://localhost/grid/js/knockout-3.4.2.js:49:150)
at http://localhost/grid/js/knockout-3.4.2.js:73:32
at Object.r (http://localhost/grid/js/knockout-3.4.2.js:11:297)
at m (http://localhost/grid/js/knockout-3.4.2.js:72:124) undefined
w.Deferred.exceptionHook @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
fire @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
ready @ jquery-3.3.1.min.js:2
_ @ jquery-3.3.1.min.js:2
jquery-3.3.1.min.js:2 Uncaught ReferenceError: Unable to process binding “style: function(){return {“top”:_screenPositionY,“left”:_screenPositionX} }”
Message: _screenPositionY is not defined
at style (eval at parseBindingsString (knockout-3.4.2.js:68), :3:72)
at update (knockout-3.4.2.js:98)
at function.a.B.i (knockout-3.4.2.js:73)
at Function.Uc (knockout-3.4.2.js:52)
at Function.Vc (knockout-3.4.2.js:51)
at Function.U (knockout-3.4.2.js:51)
at Object.a.m.a.B (knockout-3.4.2.js:49)
at knockout-3.4.2.js:73
at Object.r (knockout-3.4.2.js:11)
at m (knockout-3.4.2.js:72)
style @ VM2980:3
update @ knockout-3.4.2.js:98
function.a.B.i @ knockout-3.4.2.js:73
Uc @ knockout-3.4.2.js:52
Vc @ knockout-3.4.2.js:51
U @ knockout-3.4.2.js:51
a.m.a.B @ knockout-3.4.2.js:49
(anonymous) @ knockout-3.4.2.js:73
r @ knockout-3.4.2.js:11
m @ knockout-3.4.2.js:72
h @ knockout-3.4.2.js:70
g @ knockout-3.4.2.js:70
h @ knockout-3.4.2.js:70
g @ knockout-3.4.2.js:70
h @ knockout-3.4.2.js:70
g @ knockout-3.4.2.js:70
h @ knockout-3.4.2.js:70
g @ knockout-3.4.2.js:70
h @ knockout-3.4.2.js:70
a.Ub @ knockout-3.4.2.js:76
(anonymous) @ (index):33
l @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
w.readyException @ jquery-3.3.1.min.js:2
(anonymous) @ jquery-3.3.1.min.js:2
l @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
fire @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
c @ jquery-3.3.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
fire @ jquery-3.3.1.min.js:2
u @ jquery-3.3.1.min.js:2
fireWith @ jquery-3.3.1.min.js:2
ready @ jquery-3.3.1.min.js:2
_ @ jquery-3.3.1.min.js:2

2

It’s hard to tell just from looking at that snippet what’s going on. For example how is AppViewModel defined?

This might be a KnockoutJS specific issue. I’d ask/search on their forum as well to see if this is a common issue: https://groups.google.com/forum/#!forum/knockoutjs