1. #1
    Sencha Premium Member tempvalue's Avatar
    Join Date
    Apr 2012
    Location
    istanbul
    Posts
    22
    Vote Rating
    0
    tempvalue is on a distinguished road

      0  

    Default GridPanel column header headerclick and move events

    GridPanel column header headerclick and move events


    Hi all,

    I have three questions about gridpanel column header events:

    1)I try to call a function whenever a column header is clicked. In the previous version of ExtJS, there was headerclick event in gridpanel. But now i found this event in Ext.grid.column.Column. I set this event as a column event but it never called:

    Code:
    columns:[{
     //other properties
    listeners:{
     headerclick:function(){}
    }
    }
    ]

    2) I could not find any event that is triggered before any column header is moved like beforemove.How can i implement such an event? I also wonder if i can drag drop column header into a textbox.

    3)When header grouping is used, i can move a column into a group or i can move a group header into another group header which is absurd in my case. I need to make impossible to drag a group header into another group header. This question is actually related with my second question.

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    hi tempvalue,


    Code:

    columns:[
    { //other properties
    listeners:{
    headerclick:function(){
    }
    }
    }]


    It is not right way to attach listeners in the grid column.See sample example for your first question
    Code:
    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
        columns: {
            items:[
            {
               header: 'Name',
               dataIndex: 'name'},
           {
                header: 'Email',
               dataIndex: 'email',
                flex: 1},
           {
               header: 'Phone',
               dataIndex: 'phone'}
           ],
           listeners:{
                 headerclick:function(container, column, e){
                   alert('Header Clicked');
                },
               columnmove:function(container, coulmn, from , to){
                   alert('Column Moved From' + from+ 'To' +to);    // for your second question 
                }
            }
        },
        height: 200,
        width: 400,
        renderTo: Ext.getBody()
    });
    I hope you also find your all other answer ( like for moving header is "columnmove" event )
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha Premium Member tempvalue's Avatar
    Join Date
    Apr 2012
    Location
    istanbul
    Posts
    22
    Vote Rating
    0
    tempvalue is on a distinguished road

      0  

    Default


    Thanks for the answer. I missed to point that columns can be object.

    I thing, i also found another way for my first question.
    mygrid.headerCt.onHeaderClick is called whenever a column header is clicked. I am now setting my custom function to that method.

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi