Hybrid View

  1. #1
    Sencha User
    Join Date
    Mar 2012
    Location
    Tunisia
    Posts
    74
    Vote Rating
    1
    zied jouini is on a distinguished road

      0  

    Default Answered: how add action to search field

    Answered: how add action to search field


    SALAM
    i want to add a search button on my view to searching an item of my list
    here is my view
    Code:
    App.views.BankingdoneeCompte = Ext.extend(Ext.List, {
       
    store: 'infocomptes',
    itemTpl: '<div class="date">{transactionDATE}</div> <div class="operations">operation: {transactionNATURE}</div> <div class="money">Mantant: {transactionMANTANT}</div> <div class="money2">compte: {compteID}</div>',
    
    
    });
    Ext.reg('BankingdoneeCompte', App.views.BankingdoneeCompte);
    and now i want to search an item with "transactionDATE" as a criteria.
    how can i code the search field ?
    thank you

  2. Something like this? The filter may need something more or use filterBy or something.

    Code:
    {
        xtype : 'searchfield',
        listeners : {
            action : function(field) {
                var value = field.getValue(),
                    store = Ext.getStore('infocomptes');
    
                    store.filter('transactionDate', value);
            }
        }
    }

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,004
    Answers
    3489
    Vote Rating
    847
    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


    Something like this? The filter may need something more or use filterBy or something.

    Code:
    {
        xtype : 'searchfield',
        listeners : {
            action : function(field) {
                var value = field.getValue(),
                    store = Ext.getStore('infocomptes');
    
                    store.filter('transactionDate', value);
            }
        }
    }
    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