Using emberjs didInsertElement to display two separate calendars or two instances of a jquery fullcalendar plugin object

Question

I have one calendar object that perfectly displays using jquery fullcalendar and emberjs. However, I need to display a separate second calendar or another instance of full-screen jquery, but the second calendar is not yet displayed. Here is a fiddle showing this: http://jsfiddle.net/uUWqf/4/ . In the script, you will see that I called the didInsertElement: function () {} function twice, but it still displays only one calendar. However, when I use jquery fullcalendar without emberjs, two separate calendars are displayed: http://jsfiddle.net/CH4qa/2/ .

Is there any way to make this work.

Thanks for the help.

Answer 1

I made a fork of your violin, which makes two calendars. http://jsfiddle.net/duHfN/7/

In general, you will be able to use templates to create views, and not to instantiate instances and invoke them. There were a number of other problems with the violin, some of which I cleared.