Passing MVC controller and action in query string parameters

[basememara]

Instead of creating multiple html pages such as index.html, product.html, etc, I want to have one index.html and pass the controller and actions into the URL like this:

http://mydomain.com/?controller=product&action=list

..or maybe like this:

http://mydomain.com/?route=product/list

Is there a way to do this or am I supposed to be approaching this differently for Touch 2?

[rdougan]

Routes will be part of the MVC package in ST2, they just aren't in PR2. They will do exactly what you are looking for.

[basememara]

Really hoping for that :-? As a workaround, I put some routing logic in my viewport after adding 'autoCreateViewport: true' in my 'Ext.application':


Ext.define('MyApp.view.Viewport', { extend: 'Ext.Panel',


config: {
fullscreen: true,
layout: 'fit'
},


initialize: function() {
//RETRIEVE QUERY PARAMETERS TO HANDLE REQUEST
var reqParams = Ext.Object.fromQueryString(location.search);


//ROUTE PER REQUEST
var reqRoute = (reqParams['route'] || 'product/list').split('/');
var reqController = reqRoute[0].toLowerCase();
var reqAction = reqRoute.length > 1 ? reqRoute[1].toLowerCase() : 'index';
switch (reqController) {
case 'product':
switch (reqAction) {
case 'list':
this.add({ xtype: 'productlist' });
break;
case 'detail':
this.add({ xtype: 'productdetail' });
break;
default:
this.add({ xtype: 'productlist' });
}
break;
default:
this.add({ xtype: 'productlist' });
}


this.callParent();
}
});

It is an ugly hack, but conditionally adding items to the page based on the route parameters.