Backbone.js Router Passende Optionale Parameter

Ich versuche zu schaffen, einen backbone-router, die sich mit optionalen Parametern.

Betrachten Sie den folgenden code:

routes: {  
  '/jobs'                                     : 'jobs',
  '/jobs/p:page'                              : 'jobs',
  '/jobs/job/:job_id'                         : 'jobs',
  '/jobs/p:page/job/:job_id'                  : 'jobs'
}

jobs: function(page, job_id){
   //do stuff here ....
}

Wenn ich navigieren Sie zu der URL abc.com/#/jobs/p104/ die Seite parameter werden 104. Allerdings, wenn Sie navigieren Sie zu abc.com/#/jobs/job/93, die job_id parameter ist undefined aber die Seite parameter ist 93.

So Backbone-router entspricht grundsätzlich der Routen hash-Parameter nach Reihenfolge und nicht nach Namen.

Ich weiß die Lösung: benutzen Sie ein *splat und teilen Sie die Parameter mit regex, aber ich kann nicht scheinen, um die regex-Teil zu arbeiten (meine regex ist ziemlich rostig). Kann mir bitte jemand helfen?

Wenn es eine bessere Lösung gibt, als mit *splat, kann mir bitte jemand teilen?

  • Rückgrat 0.9.9, optionale Parameter mit (). Für Beispiel - /jobs(/p -: Seite)(/job,/: job_id)
  • keine Ahnung, wie zu behandeln optionale Parameter Ihrer route-handling-Funktionen?
  • was meinst du? Hinzufügen Ihrer Namen als Parameter der Funktion sollte den trick tun
InformationsquelleAutor | 2012-03-10
  1. 21

    Anstelle von messing mit regexes, es wäre einfacher und weniger fehleranfällig, nur um eine zweite Funktion. Sie werden wahrscheinlich haben, um bindAll diese in eine initialize-Funktion für diese.jobs zu arbeiten.

    routes: {  
  '/jobs'                                     : 'jobs',
  '/jobs/p:page'                              : 'jobs',
  '/jobs/job/:job_id'                         : 'jobsId',
  '/jobs/p:page/job/:job_id'                  : 'jobs'
},

jobs: function(page, job_id){
   //do stuff here ....
},

jobsId: function(page, job_id){
   this.jobs(undefined, job_id
}
    • Wäre es nicht erholsamer zu haben: /Arbeitsplätze für die Auflistung und einfach ein normales query-string-parameter für pageing (da treibt es die Ansicht und nicht den Inhalt), wie /jobs?Seite=10. Und für einen bestimmten job /jobs/<id> wie von der Konvention. Denn für pageing benötigen Sie möglicherweise weitere Parameter wie offset-oder Zeilen. Und Sie könnte über filter-Optionen, wie gut. Wollen Sie nicht alle hinzufügen, die auf Ihrem Weg, auch mit Rückgrat. github.com/jhudson8/backbone-query-parameters vielleicht helfen.
    • Nicht sehen, nichts in der Frage über das sein mehr erholsam ist...
    InformationsquelleAutor abraham
  2. 2

    versuchen, diese (einzigen regex funktioniert auf alle Ihre input-Formate)

    var re = /\/jobs(?:\/p(\d+))?.*?(?:\/(\d+)|$)/;
var matches = 'abc.com/#/jobs/p104/4'.match(re);
var page=false;var job=false;
if (matches != null) {
    var page = matches[1] || false;
    var job = matches[2] || false;
}; 
alert("page:" + page + ",job:" + job)

    **entspricht zunächst der pNNN segment, wenn es da ist, und verwendet ein nicht gieriger Quantifizierer mit dot . können alles Essen, was .*? zu kriechen, bis der string durch ist, so dass die zweite Gruppe (gerade /NNN), wird auch übereinstimmen, wenn vorhanden. die (?: exp ) sind non-capturing-groups, Sie Gruppe, aber Sie nicht "merken" nichts.

    • wenn ich erarbeitet, dass ich auch Feste die regex (Hinzugefügt Ende der Zeichenfolge Anker zu zwingen, die Letzte Gruppe zu entsprechen, falls vorhanden)
    InformationsquelleAutor Scott Weaver
  3. 0

    Wenn du gehst zu tun eine Menge von diesen, könnten Sie Blick auf dieses Muster für das einwickeln von Ihnen bis ordentlich. Nur für diese, obwohl die folgenden regexs sollte es tun:

    /\/jobs\/p(\d+)/              => /jobs/pXXX
/\/jobs\/p(\d+)\/job\/(\d+)/  => /jobs/pXXX/job/XXX

    Dann können Sie String.match mit den hinweisfeldern Sie abzurufen, zu extrahieren Sie die url-Fragmente in Frage. Die Verwendung von Zeichenfolgen in Ort einer splat variable:

    var matches = '/jobs/p18'.match(/\/jobs\/p(\d+)/);
var page = matches[1];

var matches = '/jobs/p4/job/6/'.match(/\/jobs\/p(\d+)\/job\/(\d+)/);
var page = matches[1];
var job = matches[2];
    • Ich würde verwenden String.match() -- werde ich update meine Antwort.
    InformationsquelleAutor rjz
Schreibe einen Kommentar