1. #1
    Ext JS Premium Member
    Join Date
    Nov 2009
    Location
    San Diego, CA
    Posts
    158
    Vote Rating
    0
    locutusUT is on a distinguished road

      0  

    Default Sencha Touch UI Search with Solr and MongoDB

    Sencha Touch UI Search with Solr and MongoDB


    Check out how to extend MongoDB with Solr search and expose it through a Sencha Touch UI.

    http://wp.me/xvmV

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Nice article!

    Just some feedback that jumps out at me right away. You are really overnesting with this code:

    Code:
    Ext.define('MyApp.view.PetPanel', {
        extend: 'Ext.Panel',
        alias: 'widget.petListPanel',
        config: {
            layout: {
                type: 'fit'
            },
            items: [
                {
                    xtype: 'toolbar',
                    docked: 'top',
                    title: 'Dog Tags'
                },
                {
                    xtype: 'searchfield',
                    docked: 'top',
                    name: 'query',
                    id: 'SearchQuery'
                },
                {
                    xtype: 'list',
                    store: 'PetTracker',
                    id: 'PetList',
                    itemId: 'petList',
                    emptyText: "<div>No Dogs Found</div>",
                    loadingText: "Loading Pets",
                    itemTpl: [
                        '<div>{name} is a {description} and is located at {latitude} (latitude) and {longitude} (longitude)</div>'
                    ]
                }
            ],
            listeners: [
                {
                    fn: 'onPetsListItemTap',
                    event: 'itemtap',
                    delegate: '#PetList'
                },
                {
                    fn: 'onSearch',
                    event: 'change',
                    delegate: '#SearchQuery'
                },
                {
                    fn: 'onReset',
                    event: 'clearicontap',
                    delegate: '#SearchQuery'
                }
            ]
        },
        onPetsListItemTap: function (dataview, index, target, record, e, options) {
            this.fireEvent('petSelectCommand', this, record);
        },
        onSearch: function (dataview, newValue, oldValue, eOpts) {
            this.fireEvent('petSearch', this, newValue, oldValue, eOpts);
        },
        onReset: function() {
            this.fireEvent('reset', this);
        }
    });
    What I mean is the list can have docked items so it doesn't need to be within a panel like that.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread