I have Observable issues

chiztorismo · March 15, 2016, 5:22pm

I am trying to generate random numbers and then it works. Based on my code I also want to randomly select one out of the 5 random numbers as a correct answer. but when I do that and I want to see the value of the correct answer I dont see anything. Can someone tell me what I am doing wrong and how to go about it. Here is my Js code:

var Observable = require("FuseJS/Observable");
// var random1 = Observable();
var selector = Observable();
var random1 =Observable();
var random2 =Observable();
var random3 =Observable();
var random4 =Observable();
var random5 =Observable();
var correct_answer = Observable();

function gen() {
    // body...
    random1.value = Math.floor(Math.random()*(21-1) + 1);
    random2.value = Math.floor(Math.random()*(31-11) + 11);
    random3.value = Math.floor(Math.random()*(41-21) + 21);
    random4.value = Math.floor(Math.random()*(51-31) + 31);
    random5.value = Math.floor(Math.random()*(71-41) + 41);
    selector.value = Math.floor(Math.random()*(5-0) + 0);
    correct_answer.value = Observable(random1,random2,random3,random4,random5);
}

function generate() {
    // body...
    gen();
    correct_answer.value = correct_answer.getAt(selector);
    correct_answer.value = correct_answer;
}
// generate();


module.exports = {
    random1: random1,
    random2: random2,
    random3: random3,
    random4: random4,
    random5: random5,
    correct_answer: correct_answer,
    generate: generate,
}

Fahad · March 16, 2016, 11:05am

Hey,

I’m not sure if this fixes your problem but correct_answer.value = Observable(random1,random2,random3,random4,random5); should be

correct_answer.add(random1,random2,random3,random4,random5);

chiztorismo · March 16, 2016, 11:09am

Fudge I get a

Not Handled: OnAdd error when I use the add function

Fahad · March 16, 2016, 11:10am

Try this:

correct_answer.add(random1);
correct_answer.add(random2);
correct_answer.add(random3);
correct_answer.add(random4);
correct_answer.add(random5);

I’ve had a problem with adding multiple values before

chiztorismo · March 16, 2016, 11:15am

I just tried it and my UI went white… lol

the app crashes

chiztorismo · March 16, 2016, 11:18am


        &lt;!-- page for the game --&gt;
        &lt;gamePage ux:Name=&quot;gameBoard&quot; Background=&quot;#000&quot;&gt;
            &lt;!-- &lt;txt_demoHeader Value=&quot;Start games&quot; TextColor=&quot;#FFFFFF&quot;/&gt; --&gt;
            &lt;StackPanel&gt;
                &lt;Panel&gt;
                    &lt;txt_menu Value=&quot;500pts&quot; TextColor=&quot;#FFFFFF&quot; Alignment=&quot;Left&quot; Margin=&quot;20&quot;/&gt;
                    &lt;txt_menu Value=&quot;X&quot; TextColor=&quot;#FFFFFF&quot; Alignment=&quot;Right&quot; Margin=&quot;20&quot;&gt;
                        &lt;Clicked&gt;
                            &lt;NavigateTo Target=&quot;mainMenu&quot; NavigationContext=&quot;appNav&quot;/&gt;
                        &lt;/Clicked&gt;
                    &lt;/txt_menu&gt;
                &lt;/Panel&gt;
                &lt;txt_question Value=&quot;TumboTubmo, What is on my mind?&quot; TextColor=&quot;#FFFF00&quot; TextWrapping=&quot;Wrap&quot;/&gt;
                &lt;txt_question Value=&quot;{correct_answer}&quot; TextColor=&quot;#FFFF00&quot; TextWrapping=&quot;Wrap&quot;/&gt;
                &lt;Panel Alignment=&quot;Top&quot; Padding=&quot;0,-100,0,0&quot;&gt;
                    &lt;fc1&gt;
                        &lt;Stroke Brush=&quot;#00FFFF&quot; Width=&quot;6&quot;/&gt;
                        &lt;txt_options Value=&quot;{random5}&quot;/&gt;
                        &lt;Clicked&gt;
                            &lt;Scale Easing=&quot;BackIn&quot; Factor=&quot;1.3&quot; Duration=&quot;0.2&quot;/&gt;
                            &lt;!-- &lt;Vibrate Duration=&quot;0.2&quot; /&gt; --&gt;
                        &lt;/Clicked&gt;
                    &lt;/fc1&gt;
                    &lt;fc2 Alignment=&quot;Left&quot; Margin=&quot;60,50,20,5&quot;&gt;
                        &lt;Stroke Brush=&quot;#CCFF66&quot; Width=&quot;6&quot;/&gt;
                        &lt;txt_options Value=&quot;{random4}&quot;/&gt;
                        &lt;Clicked&gt;
                            &lt;Scale Easing=&quot;BackIn&quot; Factor=&quot;1.3&quot; Duration=&quot;0.2&quot;/&gt;
                            &lt;!-- &lt;Vibrate Duration=&quot;0.2&quot; /&gt; --&gt;
                        &lt;/Clicked&gt;
                    &lt;/fc2&gt;
                    &lt;fc3 Alignment=&quot;Center&quot; Margin=&quot;-40,230,20,5&quot;&gt;
                        &lt;Stroke Brush=&quot;#FF0000&quot; Width=&quot;6&quot;/&gt;
                        &lt;txt_options Value=&quot;{random3}&quot;/&gt;
                        &lt;Clicked&gt;
                            &lt;Scale Easing=&quot;BackIn&quot; Factor=&quot;1.3&quot; Duration=&quot;0.2&quot;/&gt;
                            &lt;!-- &lt;Vibrate Duration=&quot;0.2&quot; /&gt; --&gt;
                        &lt;/Clicked&gt;
                    &lt;/fc3&gt;

                    &lt;fc1 Alignment=&quot;Right&quot; Margin=&quot;0,150,50,25&quot;&gt;
                        &lt;Stroke Brush=&quot;#0000FF&quot; Width=&quot;6&quot;/&gt;
                        &lt;txt_options Value=&quot;{random2}&quot;/&gt;
                        &lt;Clicked&gt;
                            &lt;Scale Easing=&quot;BackIn&quot; Factor=&quot;1.3&quot; Duration=&quot;0.2&quot;/&gt;
                            &lt;!-- &lt;Vibrate Duration=&quot;0.2&quot; /&gt; --&gt;
                        &lt;/Clicked&gt;
                    &lt;/fc1&gt;

                    &lt;fc2 Alignment=&quot;Right&quot; Margin=&quot;0,300,80,5&quot; Clicked=&quot;{generate}&quot;&gt;
                        &lt;Stroke Brush=&quot;#FF3CFC&quot; Width=&quot;6&quot;/&gt;
                        &lt;txt_options Value=&quot;c&quot;/&gt;
                        &lt;!-- &lt;Clicked&gt;
                            &lt;Scale Easing=&quot;BackIn&quot; Factor=&quot;1.3&quot; Duration=&quot;0.2&quot;/&gt;
                            &lt;Vibrate Duration=&quot;0.2&quot; /&gt;
                        &lt;/Clicked&gt; --&gt;
                    &lt;/fc2&gt;
                &lt;/Panel&gt;
            &lt;/StackPanel&gt;
        &lt;/gamePage&gt;

chiztorismo · March 16, 2016, 11:47am

Preview detected an unhandled exception: Uno.AggregateException: One or more errors occurred. at Fuse.UpdateManager.Update(Fuse.Stage) at Fuse.UpdateManager.Update() at Fuse.AppBase.OnUpdate() at Outracks.Simulator.Application.OnUpdate() at Fuse.App.FrameCallback.doFrame(long) ERROR: Not handled: OnAdd Uno.Exception occured. at Fuse.Reactive.DataBinding1.Fuse.Reactive.IObserver.OnAdd(object) at Uno.Threading.IDispatcherExtensions.Arg1Invoke1.Run() at Fuse.Reactive.Dispatcher.Run() at Fuse.UpdateListener.Invoke() at Fuse.UpdateManager.Update(Fuse.Stage) at Fuse.UpdateManager.Update() at Fuse.AppBase.OnUpdate() at Outracks.Simulator.Application.OnUpdate() at Fuse.App.FrameCallback.doFrame(long)

Anders_Lassen · March 16, 2016, 11:47am

Hi!

I think the problem is here:

correct_answer.value = Observable(random1,random2,random3,random4,random5);

Why is the correct answer a list of values?

chiztorismo · March 16, 2016, 12:02pm

The correct answer is gotten when I use the getAt()

function gen() {
    // body...
    random1.value = Math.floor(Math.random()*(21-1) + 1);
    random2.value = Math.floor(Math.random()*(31-11) + 11);
    random3.value = Math.floor(Math.random()*(41-21) + 21);
    random4.value = Math.floor(Math.random()*(51-31) + 31);
    random5.value = Math.floor(Math.random()*(71-41) + 41);
    selector.value = Math.floor(Math.random()*(5-0) + 0);
    correct_answer.value = Observable(random1,random2,random3,random4,random5);
}

function generate() {
    // body...
    gen();
    correct_answer.value = correct_answer.getAt(selector);
    correct_answer.value = correct_answer;
}

Anders_Lassen · March 16, 2016, 12:21pm

An observable must either be a single value, or a list of values. If you databind it to a property, it must be a single value. Only if you use it for a list property such as <Each Items="{..}"> can it be an array.

A problem in your code is that correct_answer switches between being a list and a single value.

chiztorismo · March 16, 2016, 12:56pm

I have decided to make the correct_answer a non list variable and I have created another list variable:

var group_of_answer = Observable();
var correct_answer;


function generate() {
    // body...
    random1.value = Math.floor(Math.random()*(21-1) + 1);
    random2.value = Math.floor(Math.random()*(31-11) + 11);
    random3.value = Math.floor(Math.random()*(41-21) + 21);
    random4.value = Math.floor(Math.random()*(51-31) + 31);
    random5.value = Math.floor(Math.random()*(71-41) + 41);
    selector.value = Math.floor(Math.random()*(5-0) + 0);
    group_of_answer.add(random1,random2,random3,random4,random5);
    correct_answer.value = group_of_answer.getAt(selector);
}

But I get an error

Name: TypeError: Cannot set property ‘value’ of undefined Error message: Uncaught TypeError: Cannot set property ‘value’ of undefined File name: /Users/chizom/Documents/AndroidProject/tumbotumbo/Js/Logic.js Line number: 22 Source line: correct_answer.value = group_of_answer.getAt(selector); JS stack trace: TypeError: Cannot set property ‘value’ of undefined at generate (/Users/chizom/Documents/AndroidProject/tumbotumbo/Js/Logic.js:22:23)

Fahad · March 16, 2016, 1:10pm

var correct_answer; Should be var correct_answer = Observale();

chiztorismo · March 16, 2016, 1:25pm

Yes, I just changed it when I realised and I saw that when I clicked my button I got the message on my UI saying “Fuse.Reactive.Observable” instead of a single number

chiztorismo · March 16, 2016, 5:13pm

When I make the the Js code like this and I test


var Observable = require("FuseJS/Observable");
// var random1 = Observable();
var selector = Observable();
var random1 =Observable();
var random2 =Observable();
var random3 =Observable();
var random4 =Observable();
var random5 =Observable();
var group_of_answer = Observable();
var correct_answer = Observable();


function generate() {
    // body...
    random1.value = Math.floor(Math.random()*(21-1) + 1);
    random2.value = Math.floor(Math.random()*(31-11) + 11);
    random3.value = Math.floor(Math.random()*(41-21) + 21);
    random4.value = Math.floor(Math.random()*(51-31) + 31);
    random5.value = Math.floor(Math.random()*(71-41) + 41);
    selector.value = Math.floor(Math.random()*(5-0) + 0);
    group_of_answer.add(random1,random2,random3,random4,random5);
    group_of_answer.getAt(selector);
    correct_answer.value = group_of_answer; 
}
// generate();


module.exports = {
    random1: random1,
    random2: random2,
    random3: random3,
    random4: random4,
    random5: random5,
    correct_answer: group_of_answer,
    generate: generate,
}

I get this error

LOG:

Preview detected an unhandled exception: Uno.AggregateException: One or more errors occurred.
   at Fuse.UpdateManager.Update(Fuse.Stage)
   at Fuse.UpdateManager.Update()
   at Fuse.AppBase.OnUpdate()
   at Outracks.Simulator.Application.OnUpdate()
   at Fuse.App.FrameCallback.doFrame(long)

ERROR: Not handled: OnAdd Uno.Exception occured. at Fuse.Reactive.DataBinding1.Fuse.Reactive.IObserver.OnAdd(object) at Uno.Threading.IDispatcherExtensions.Arg1Invoke1.Run() at Fuse.Reactive.Dispatcher.Run() at Fuse.UpdateListener.Invoke() at Fuse.UpdateManager.Update(Fuse.Stage) at Fuse.UpdateManager.Update() at Fuse.AppBase.OnUpdate() at Outracks.Simulator.Application.OnUpdate() at Fuse.App.FrameCallback.doFrame(long)

Anders_Lassen · March 29, 2016, 2:10pm

That still looks like the same error, to me. Can’t help more without a complete test project (zip).

beders · August 21, 2016, 2:08am

This needs to be in the docs somehow.
Also, if I have
sections = new Observable();

and an array like this:
var mySections = [1,2,3];

setting the Observable and trying to use <Each> on it doesn’t work:
sections.value = mySections;

Apparently, if you want to data-bind a list, it can’t be an Observable whose single value is a list.

Also, your error messages need to get a lot better.
If there’s a problem with the databinding (like the one above),
I need a better error message.

If a binding can’t be resolved, I need at least a warning.

Thanks,
Jochen

Edwin_Reynoso · August 22, 2016, 8:02am

sections.refreshAll(mySections)

Topic		Replies	Views
Random Number in FuseJS How-to Discussions	2	427	July 16, 2015
Observable problem. How-to Discussions	5	936	June 12, 2017
Copy of Observable/ not Updating on parent How-to Discussions	8	652	July 30, 2019
Value of Observable set inside a function won't react How-to Discussions	9	778	April 28, 2017
Problem Observable.refreshAll Bug Reports	2	508	February 28, 2018

I have Observable issues

Related Topics