Roberts Antwort ist interessant, aber leider funktioniert sie nur, wenn der Hash genau der Definition in der Route entspricht. Wenn Sie beispielsweise eine Route user(/:uid)haben, wird diese nicht abgeglichen, wenn Backbone.history.fragmententweder "user"oder "user/1"(beides sind die beiden offensichtlichsten Anwendungsfälle für eine solche Route). Mit anderen Worten, der passende Rückrufname wird nur gefunden, wenn der Hash genau ist "user(/:uid)"(höchst unwahrscheinlich).
Da ich diese Funktionalität benötigte, erweiterte ich die um Backbone.Routereine Funktion, die einen currentTeil des Codes wiederverwendet, den das Verlaufs- und Router-Objekt verwendet, um das aktuelle Fragment mit den definierten Routen abzugleichen, um den entsprechenden Rückruf auszulösen. Für meinen Anwendungsfall wird der optionale Parameter verwendet route, der bei Einstellung auf "true" den entsprechenden für die Route definierten Funktionsnamen zurückgibt. Andernfalls wird das aktuelle Hash-Fragment von zurückgegeben Backbone.History.fragment.
Sie können den Code zu Ihrem vorhandenen Extend hinzufügen, in dem Sie den Backbone-Router initialisieren und einrichten.
var Router = new Backbone.Router.extend({
// Pretty basic stuff
routes : {
"home" : "home",
"user(:/uid)" : "user",
"test" : "completelyDifferent"
},
home : function() {
// Home route
},
user : function(uid) {
// User route
},
// Gets the current route callback function name
// or current hash fragment
current : function(route){
if(route && Backbone.History.started) {
var Router = this,
// Get current fragment from Backbone.History
fragment = Backbone.history.fragment,
// Get current object of routes and convert to array-pairs
routes = _.pairs(Router.routes);
// Loop through array pairs and return
// array on first truthful match.
var matched = _.find(routes, function(handler) {
var route = handler[0];
// Convert the route to RegExp using the
// Backbone Router's internal convert
// function (if it already isn't a RegExp)
route = _.isRegExp(route) ? route : Router._routeToRegExp(route);
// Test the regexp against the current fragment
return route.test(fragment);
});
// Returns callback name or false if
// no matches are found
return matched ? matched[1] : false;
} else {
// Just return current hash fragment in History
return Backbone.history.fragment
}
}
});
// Example uses:
// Location: /home
// console.log(Router.current()) // Outputs 'home'
// Location: /user/1
// console.log(Router.current(true)) // Outputs 'user'
// Location: /user/2
// console.log(Router.current()) // Outputs 'user/2'
// Location: /test
// console.log(Router.current(true)) // Outputs 'completelyDifferent'
Ich bin sicher, dass einige Verbesserungen vorgenommen werden könnten, aber dies ist ein guter Weg, um Ihnen den Einstieg zu erleichtern. Es ist auch einfach, diese Funktionalität zu erstellen, ohne das Route-Objekt zu erweitern. Ich habe dies getan, weil es der bequemste Weg für mein Setup war.
Ich habe dies noch nicht vollständig getestet. Bitte lassen Sie mich wissen, wenn etwas nach Süden geht.
UPDATE 25.04.2013
Ich habe einige Änderungen an der Funktion vorgenommen. Anstatt entweder den Hash- oder den Routenrückrufnamen zurückzugeben, gebe ich ein Objekt mit Fragment, Parametern und Route zurück, damit Sie auf alle Daten der aktuellen Route zugreifen können, ähnlich wie Sie es von der Route tun würden. Veranstaltung.
Sie können die Änderungen unten sehen:
current : function() {
var Router = this,
fragment = Backbone.history.fragment,
routes = _.pairs(Router.routes),
route = null, params = null, matched;
matched = _.find(routes, function(handler) {
route = _.isRegExp(handler[0]) ? handler[0] : Router._routeToRegExp(handler[0]);
return route.test(fragment);
});
if(matched) {
// NEW: Extracts the params using the internal
// function _extractParameters
params = Router._extractParameters(route, fragment);
route = matched[1];
}
return {
route : route,
fragment : fragment,
params : params
};
}
Weitere Kommentare und Erklärungen finden Sie im vorherigen Code. Sie sehen größtenteils gleich aus.