Using knockoutjs with jqGrid

Question

I'm just starting out with Knockout (and javascript for that matter). The problem is I'm trying to use jqGrid similar to the way Sanderson is using the jqGrid in his Knockout Grid Example.

Here is my jsfiddle I've got so far. I'm obviously missing something but I can't tell what it is, since the grid doesn't even show up.

Answer 1

Your Fiddle has a lot of issues. None of your sources for jqGrid are coming through. Direct linking to github isn't supported using the urls you've used. Lastly and most importantly. You don't have a binding handler for jqGrid.

Binding Handlers

data-bind="handlergoeshere:{options go here}"

There is no default jqGrid binding handler as part of KnockoutJS. So to get jqGrid to work with knockout like this you would need to use a 3rd party binding handler. I've found only one example of a working jqGrid binding handler here: http://jsfiddle.net/yauhen/zjbLF/5/ I'm not sure how fully functional it is with regard to observable properties working yet though.

Since you're just starting out in Knockout, I would recommend not getting too head over heels yet in the more complicated pieces like creating your own custom binding handlers. There is a grid control being developed called koGrid which you can find on github here: https://github.com/ericmbarnard/KoGrid which is going to be easier to implement and understand than your current path.

Good luck, and happy coding!