Skip to main content

Cryptic message when serializing Computed Observable to JSON

If you have an error in one of your computed observable in Knockout.js, the toJson function will set the value of that property to a cryptic script snipped when serializing it to JSON. For example:
var SortField = function (expression) {
        this.FieldDef = ko.observable(null);
        this.SortOrder = ko.observable("");

        this.ExpressionType = "SortField";

        this.Label = ko.computed(function () {
            return this.FieldDef() == null? "" : this.FieldDef().Label + ' ' + this.SortOrder();
        }, this);

    }
var FieldDefinition = function (table_name, field_name, table_alias) {
        this.TableName = table_name;
        this.TableAlias = ko.observable(table_alias);
        this.FieldName = field_name;
        this.Label = ko.computed(function () {
            return this.TableAlias() + '⇨' + field_name;
        }, this);
In this example SortField’s Label function is not calling the Label function properly from the FieldDef property. If you serialize to JSON, you will get  the following:
function dependentObservable() {\n        if (arguments.length > 0) {\n
 if (typeof writeFunction === \"function\") {\n
     // Writing a value\n
     writeFunction.apply(evaluatorFunctionTarget, arguments);\n
 } else {\n
     throw new Error(\"Cannot write a value to a ko.computed unless you specify a 'write' option. If you wish to read the current value, don't pass any parameters.\");\n
 }\n
 return this; // Permits chained assignments\n        } else {\n
 // Reading the value\n
 if (!_hasBeenEvaluated)\n
     evaluateImmediate();\n
 ko.dependencyDetection.registerDependency(dependentObservable);\n
 return _latestValue;\n        }\n    } ASC"}],"ExpressionType":"Hierarchy","Label":"function dependentObservable() {\n        if (arguments.length > 0) {\n
 if (typeof writeFunction === \"function\") {\n
     // Writing a value\n
     writeFunction.apply(evaluatorFunctionTarget, arguments);\n
 } else {\n
     throw new Error(\"Cannot write a value to a ko.computed unless you specify a 'write' option. If you wish to read the current value, don't pass any parameters.\");\n
 }\n
 return this; // Permits chained assignments\n        } else {\n
 // Reading the value\n
 if (!_hasBeenEvaluated)\n
     evaluateImmediate();\n
 ko.dependencyDetection.registerDependency(dependentObservable);\n
 return _latestValue;\n        }\n    }
For the value of the Label property of the SortField.

The fix is to call the Label function as this.FieldDef().Label() inside SortField's Label.




Comments

Popular posts from this blog

Mail labels and letter templates for jasperreports

The following are free (MIT license) mailing labels and letter templates for jasperreports that you can download and use in jasperserver and/or ireport: Update 3/15/2011 : I moved the Mail templates zip file here . Please consider making a small donation if the templates are of help to you, Thank you! If you need more information on how to use those templates please leave a comment in the blog.

How to create online multiplayer HTML5 games in Contruct2

  Construct2 can use websockets to send and receive messages between games. By using socket-io , we can use a Node.js script as the server and my modification to the socket-io plugin for Construct2 to allow the games to synchronize data between them in real-time. There are two parts to this design: the Node.js server and the Construct2 clients (the games playing). The main part of building an online multiplayer HTML5 game is to plan: how the clients will communicate how often and what to communicate how much of the logic will go into the server and how much to the client. In my sample game, I chose to have each client own a player and have the server just relay messages: Use string messages in the form TypeOfMessage, Parameter1, Paremeter2, Parater3, etc to communicate. Have the clients send their player position about 16 times a second. Whenever their player shoots, the client needs to send a message immediately. Almost all of the game logic will...

How to get the raw data posted to a Java Servlet

While working in porting GeneCMS to Google App Engine and Silverlight , I stumble at one annoying problem: how to get the raw data that was sent by the browser via a POST. In this GeneCMS port, the silverlight client actually generates all the HTML that the server used to generate. The raw generated HTML is then sent to the GAE application, with some metadata about the generated pages. The GAE servlet then reads the posted data as a string and extract the individual generated pages. Each generated page is then saved into the GAE database to allow the CMS to server the pages. After tweking around in the wrong places, I finally found out that HttpServletRequest’s getInputStream method is an input stream to the raw data posted. So I modified my servlet to get the POST data into a string like this: String posted_data = ""; BufferedReader in = new BufferedReader(new InputStreamReader( request.getInputStream())); String line = in.readLine(); while (line != null) { posted...