Small update. I modified the View.js & Feature.js a tiny bit (hack) as well as my extended TouchGrid class to get someting to render. I have attached two screenshots of what it's rendering on the first grid & when I slide the carousel what renders on the second grid. Notice the weird lines in my nested list.

Modified part of View.js. In Feature.js I just commented out line 25 where it deletes cfg.feature.
Code:
constructor: function(config) {
        var me = this;
        if (!config.colModel) {
            config.colModel = me.getColModel();
        }
        Ext.apply(config, {
            itemTpl : me._buildTpl(config.colModel, false)
        });

        if (!config.features) {
            config.features = [];
        }
        if (typeof me.initFeatures === 'function') {
            if (!config.features.constructorFn) {
                config.features.constructorFn = me.getConstructorFn();
            }
            me.initFeatures(config.features.constructorFn);
        }

        me.callParent(arguments);
    },

    initialize: function() {
        var me = this;

        me.header = me.insert(0, {
            xtype  : 'container',
            cls    : 'x-grid-hd-row',
            docked : 'top',
            height : 40,
            html   : me._buildTpl(this.getColModel(), true)
        });

        if (typeof me.initFeatures === 'function') {
            if (!me.features.initializeFn) {
                me.features.initializeFn = me.getInitializeFn();
            }
            me.initFeatures(me.features.initializeFn);
        }

        me.callParent(arguments);
    },

My new class, had to add these methods in order for it to work as is in an MVC pattern. Not sure why the grid cells show undefined either. The store is loaded properly from when I checked the store load listener.


Code:
Ext.define('Ace.view.LinkSummaryGrid', {
    extend: 'Ext.ux.touch.grid.View',
    xtype : 'linkgrid',
    //requires: ['Ext.ux.touch.grid.View'],
    config: {
        store   : 'LinkSummary',
        constructorFn : [],
        initializeFn  : [
                    'Ext.ux.touch.grid.feature.Sorter',
                    'Ext.ux.touch.grid.feature.Filter',
                    {
                        ftype    : 'Ext.ux.touch.grid.feature.HeaderMenu',
                        submitFn : function() {
                            var me    = this,
                                menu  = me.menu,
                                grid  = me.grid,
                                store = grid.getStore(),
                                field = menu.down('selectfield[label=Sort]');

                            store.sort(menu.dataIndex, field.getValue())
                        },
                        menu     : {
                            items : [
                                {
                                    xtype   : 'selectfield',
                                    label   : 'Sort',
                                    options : [
                                        { text : 'Ascending',  value : 'ASC' },
                                        { text : 'Descending', value : 'DESC' }
                                    ]
                                }
                            ]
                        }
                    }
                ],
        colModel    : [{
                header   : "UU",
                mapping  : "uu",
                flex     : 1
        },{
                header   : "Links",
                mapping  : "ueid",
                style    : "text-align: center;"
        },{
                header   : "Rank",
                mapping  : "umrp",
                //cls      : "centered-cell",
                style    : "text-align: center;",
                renderer : function(val) {
                        var color = (val > 0) ? "00FF00" : "FF0000";
                        return "<span style='color: #" + color + ";'>" + val + "</span>";
                }
        },{
                header   : "Position",
                mapping  : "pos",
                hidden   : true,
                style    : "text-align: right;"
        }]
    },
    constructor : function() {
        this.callParent(arguments);
        this.getStore().load({params : {ufq : this.ufq}});
    }
});
Please note when looking at these screenshots, the CSS file from github is being loaded and checking the elements in firebug show they are referencing that file correctly.

Pic 1
touch-grid-2.jpg

Ignore the column headers & undefined stuff. That is fixed. Notice the extra lines in the left hand column bar. That happens when I flip to the 2nd grid in the carousel. The 1st grid wraps/sticks out. Again, the css file from github is being loaded, so not sure what's causing that yet.