Problem with passing multiple parameters in url with Sencha-touch MVC routing

[jartem]

Hi,

I stuck in a place where I need to pass several parameters in url while using Ext.Router & built-in MVC in Sencha-touch. Having initialized routing as below:

Ext.Router.draw(function (map) {
map.connect(':controller/:action/:parameter');
}

entering url "localhost/#users/show/3" executes 'show' action in 'users' controller with "3" as passed parameter.
works just fine, until several parameters need to be passed to an action for example "localhost/#users/search/type=3&quote=john", I would expect that 'search' action in 'users' controller would be executed with string parameter as "type=3&quote=john", but routing does not call any action if any spacial char is passed as parameter (':', '=',' &').
I assume this is a restricted by routing, but I dont get it why.
Other option is to register routes as following:

map.connect(':controller/:action/:parameter1/:parameter2/:parameter3/:parameter4');

but I dont find it the best practice (for example when the number of parameters is dynamic)

Could anyone explain this to me how multiple parameters should be passed to action using routing, assuming that each parameter should be recognizable by its name.

cheers

[szwejkc]

Sorry my friend. I don't have an answer. I really want to know the solution for this problem. Very good question!

[suzzer99]

Does anyone know why I can't find Router in either the EXT JS or Sencha Touch API docs? Very strange.

[Ion Tichy]

The docs have a few small holes in them. 'Viewport' is another missing class.

[parseroo]

I can't say what the purpose is, but probably mostly to be simpler and more integrated with the basic 'app' model they have.

You can get the '&foo=bar' part to come through the Router into the controller by changing 'Ext.util.Route::createMatcherRegex' to allow the characters in a trailing (potentially ':rest' ) attribute and use that with a route like:

        map.connect(':controller/:action/:rest');

for 'localhost/#users/search/type=3&quote=john' or change the last slash to a '&' and you could use 'localhost/#users/search&type=3&quote=john' which might be a bit more standard.

    createMatcherRegex: function(url) {
        
        var paramsInMatchString = this.paramsInMatchString,
            length = paramsInMatchString.length,
            i, cond, matcher;
        
        for (i = 0; i < length; i++) {
            cond    = this.conditions[paramsInMatchString[i]];
            if (i == length - 1) {
                matcher = Ext.util.Format.format("({0})", cond || "[%a-zA-Z0-9\\_\\s,\\&\\=]+");
            } else {
                matcher = Ext.util.Format.format("({0})", cond || "[%a-zA-Z0-9\\_\\s,]+");
            }

            url = url.replace(new RegExp(paramsInMatchString[i]), matcher);
        }

        
        return new RegExp("^" + url + "$");
    }

[jartem]

thanks a million, that helps a lot,