Controller problems: Argh !

[novadys-sbu]

Hello everyone,

I'm pretty new to Sencha Touch (and ext js really). So this is probably a noob-ish question and/or a silly mistake.
I'm trying to call my controller on the tap of a button in a view.

Here is my view code :

Ext.define("documind.view.Search", {    extend: 'Ext.tab.Panel',
    alias: 'viewSearch',
    requires:[
        'Ext.TitleBar',
        'Ext.form.*',
        'Ext.field.*',
        'Ext.Button'
    ],
    config: {
        tabBarPosition: 'bottom',
        ui: 'light',   
        activeTab: 1,
        defaults: {
            scrollable: true,
             layout: {
                align: 'middle',
                type: 'hbox'
            },
        },
        items: [
        {
            xtype:'container',
            title:'Home',
            iconCls: 'home',
            flex: 1,
            layout: {
                align: 'center',
                type: 'vbox'
            },
            fullscreen: true,
            items:[   
                {           
                    //Row 1
                    items:[
                    {
                        xtype: 'button',
                        id: 'rcSearch',
                        text: rcSearch,
                        iconCls:'search', 
                        margin: 5,
                        iconMask:true,
                    }]
                }]
        }]
    }      
});

And my controller :

Ext.define('documind.controller.searchController', {
    id: 'searchController',
    alias: 'searchController',
    extend : 'Ext.app.Controller',
    config : {
        refs: {
            searchView: 'viewSearch',                         
        },
        control : {
            searchView : {
                '#rcSearch' : {
                    select : 'searchEvent'
                 }
            }
        }
    },
    
    searchEvent: function(){
        alert('Search');
    }


});

Am I not meant to call the id of my component in the controller ? viewSearch > rcSearch --> then the function I need ?

I'm so confused !

[george.m]

Try this:

config : {
        refs: {
            searchView: 'viewSearch',                         
        },
        control : {
            searchView : {
                '#rcSearch' : {
                    tap : 'searchEvent'
                 }
            }
        }
    },

and use itemId instead of if on your button. See if that works.

[novadys-sbu]

Thank you for your quick reply, but neither work
I had already tried 'tap' and then thought that select might work but nada !

But it doesn't generate an error, I can't figure it out
Any another ideas ?

Thank you again

Sarah

[george.m]

Sorry I made a typo, I meant to say change your button 'id' to 'itemId'.

[george.m]

Also, in your view, set its alias to:

alias: 'widget.viewSearch'

[novadys-sbu]

I've also tried that. Doesn't seem to work.
On tap on the button, nothing happens at all.

So it should be this :

 itemId: 'rcSearch'

and in the controller :

 control : {
            searchView : {
                '#rcSearch' : {
                    tap : 'searchEvent'
                 }
            }

So that means I'm doing something wrong somewhere else ?

[george.m]

Ohh, well I do event firing differently. I use the method in this video: http://docs.sencha.com/touch/2-1/#!/...etting_started

If you're still struggling with your method, use the one in the vid.