Comments on: Loading KnockoutJS View Models from ASP.Net MVC, for faster page loads

By: Nick Johnson

Nick Johnson — Tue, 19 Mar 2013 07:33:00 +0000

Model View Controller, an important and essential tool of asp.net development .

By: Mandeep Janjua

Mandeep Janjua — Fri, 22 Feb 2013 06:18:00 +0000

I like your design idea. In fact we are following the same pattern to serve data over to views from db. There are few things that I think can be simplified more. I will list them below one by one -

1. It is Json so do we really need to call Html.Raw?

var viewModel = ko.mapping.fromJS(@Html.Raw(Model.ToJson()));

2. We do not need server side ToJson extension. Just make the following call right before passing in your data from UI to server side
ko.toJSON(params) // or your viewModel

asp.net mvc 3 has json model binder which will parse the received json into object of type that your are expecting in the controller action method.

3. The results can depends on few factors but I think if you are not trying to load the whole universe then the total time taken to load the data + UI should be “almost” same whether you are injecting viewmodel as part of first call or making a blocking Ajax call to load the initial data.

Both the server side and client side templates are not required as long as you are using knockout to do the data bindings. It does not really matter how you are getting the data (initial call or blocking call) as at the end it is the knockout to push the data over to UI.

By: Bhuvin

Bhuvin — Thu, 21 Feb 2013 08:15:00 +0000

Hey Eric ,
I am doing the same thing , but not able to figure out if i need to append the data to the existing ones then how should i go about it ?

By: Elliot

Elliot — Wed, 30 Jan 2013 18:16:00 +0000

Thankyou.

By: Jason Mitchell

Jason Mitchell — Fri, 18 Jan 2013 03:47:00 +0000

Yes

By: Phan Mem CRM

Phan Mem CRM — Thu, 03 Jan 2013 08:40:00 +0000

Thank you for sharing superb informations. Your web-site is very cool. I am impressed by the details that you¡¦ve on this post.
Nice code

By: Arcan

Arcan — Tue, 18 Dec 2012 20:14:00 +0000

You can directly encode to json without writing the extension to json
var viewModel=ko.mapping.fromJS(@Html.Raw(Json.Encode(Model)));
i use this and it works

By: xelibrion

xelibrion — Sat, 15 Dec 2012 00:11:00 +0000

I would rather put serialised model into data- attribute as it would not require javascript code to be in the view.

By: erichexter

erichexter — Wed, 12 Dec 2012 13:58:00 +0000

I think it would work like that.. but you could try it out and post back here.

By: Martin

Martin — Wed, 12 Dec 2012 13:54:00 +0000

What about if you needed to write custom computed methods on your viewmodel? could you just “add” these after?

Such as:

viewModel.blah = ko.computed(function() { return true; });