CODEWITHSUNDEEP
javascriptjqueryhtmlknockout.js
Daniel Ellison
Daniel Ellison

Reputation: 1349

KNockout JS - Loading external templates

Hi folks I am building a CRUD system very similar to this example http://jsfiddle.net/rniemeyer/WpnTU/.

Context:

I have several HTML pages that each contain the same table of data but showing different information (each page have their diffirent use).

On each row theres an edit button like yuo see in the example. Since the modal form is the same accross all the HTML pages I decided to create one HTML page containing the modal form. I then use jquerys load function like so $("#load_modal").load("pages/modal_form.html"); on each of the HTML pages.

Problem:

On a basic HTML page this is working out great. I tought this was a brilliant approach and gave myself a pat on the back. But now the problem I have is that when started implementing knockout it dosent seems to be working together very well. Modal dosent always pop up correctly and such.

My question:

At this point im not looking to figure out my code issue. I spent days and weeks staring at it and I came to the conclusion that I need to rethink my approach altogether. Im curios to hear some of your opnions on what would be the best aproach to tackle something like this.

Ideas so far:

Would anyone know of a simpler template solution or even have a whole different approach to this?

Upvotes: 2

Views: 118

Answers (1)

Roy J
Roy J

Reputation: 43881

Using jQuery to modify your DOM is not going to work well in Knockout. You can use components to define the form HTML. Use an observable to switch which component is displayed.

Upvotes: 1

Related Questions