Questions tagged [durandal-2.0]

A cross-device, cross-platform client framework written in JavaScript and designed to make building and maintaining Single Page Applications (SPAs) faster and easier.

Durandal

A cross-device, cross-platform client framework written in JavaScript and designed to make building and maintaining Single Page Applications (SPAs) faster and easier. Visit the project site.

Features

  • Clean MV* Architecture
  • JS & HTML Modularity
  • Simple App Lifecycle
  • Eventing, Modals, Message Boxes, etc.
  • Navigation & Screen State Management
  • Consistent Async Programming w/ Promises
  • App Bundling and Optimization
  • Use any Backend Technology
  • Built on top of jQuery, Knockout & RequireJS
  • Integrates with popular CSS libraries such as Bootstrap and Foundation
  • Make Your Own Templatable and Bindable Widgets

Browser Support

  • IE 6+
  • Firefox 2+
  • Safari 3.2+
  • Chrome 3+
  • Opera 10+

Dependencies

  • jQuery >= 1.8.0
  • Knockout >= 2.2.1
  • RequireJS >= 2.0.0
284 questions
1
vote
1 answer

Auto-generate Div Ids for Bootstrap Accordion Menu binding with Knockout js

I am creating a side menu using bootstrap accordion collapse and making use of knockout js binding. My problem is in assigning the right HTML element ids for toggle and collapse purposes as required by bootstrap. I have though of using the $indexin…
mboko
  • 359
  • 6
  • 16
1
vote
2 answers

Durandal Entrance Transition not working after upgrade to 2

I have a SPA that I upgraded to 2 which I had some initial issues with but all working now. However I have noticed that the nice transition when switching views no longer works and would like to retain it. Shell.html:
user1166905
  • 2,612
  • 7
  • 43
  • 75
1
vote
3 answers

gulp-durandal TypeError: req.toUrl is not a function

I try to implement gulp to my durandal project as explain on Durandal gulp doc main.js file is successfully build, but when trying to click something that will open a modal dialog, it will show this error (firefox): TypeError: req.toUrl is not a…
Fariz Azmi
  • 713
  • 1
  • 6
  • 21
1
vote
1 answer

How to combine optional parameter route with static route on the same name (Durandal router)

I have working router configured inside shell.js: router.map([ { route: 'messages', moduleId: 'views/messages', nav: true }, { route: 'messages/create', moduleId: 'views/messagesCreate', nav: true }, ]).buildNavigationModel(); What i want to do…
Fariz Azmi
  • 713
  • 1
  • 6
  • 21
1
vote
3 answers

How to use durandal router to activate dialogs?

I would love to a #signin route that would open a dialog on top of whatever page there was before. Let's consider this example app this the following routes: router.map([ {route: '', moduleId: 'vm/home', title: "Home"}, {route: 'about',…
Dziamid
  • 11,225
  • 12
  • 69
  • 104
1
vote
1 answer

Autobahn 0.9.5 (AMD) - Error during WebSocket handshake

I'm trying to implement autobahn 0.9.5 on my SPA project using DurandalJS. var ab = require('autobahn'); live = new ab.Connection( { url: 'ws://localhost:8080', realm: 'realm1' }); …
Fariz Azmi
  • 713
  • 1
  • 6
  • 21
1
vote
0 answers

DurandalJS: Create childRouter inside widget?

It's possible to create childRouter inside the widget that can be re-used in other page again by using a widget? This is how my directory tree looks like: * app * views * dashboard (route: /dashboard) - dashboard.html -…
Fariz Azmi
  • 713
  • 1
  • 6
  • 21
1
vote
1 answer

How can I have a seperate login page using Durandal that has a different layout then the shell?

I've read through Durandal login page redirect pattern wow, lots of code to do what I'd think would be pretty simple. I've also read through https://groups.google.com/forum/#!topic/durandaljs/RdGpwIm1oOU as I'd like the login page to have a simple…
rball
  • 6,925
  • 7
  • 49
  • 77
1
vote
2 answers

Durandal how to attach view and don't show it untill it's ready?

Here is unusual scenario I'm trying to implement: I got gmap module where Google Maps is asynchronously loads. I'm using following code to properly attach Google Maps: composition.addBindingHandler('googleMap', { init: function (element,…
1
vote
1 answer

Durandal is not unwrapping observables

I am upgrading my knockout project to durandal and noticed that some standard knockout bindings are not working as expected. Knockout does not make any difference between this: and this: