1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    18
    Answers
    1
    Vote Rating
    0
    eternasparta is on a distinguished road

      0  

    Default Answered: I would add a textfield to the column header of a Ext.grid.Panel

    Answered: I would add a textfield to the column header of a Ext.grid.Panel


    hello all,
    I'm making a simple page with a Grid like this http://docs.sencha.com/ext-js/4-1/#!/example/grid/grid-plugins.html

    I
    would like to add inside the column header a textbox (or more generally an object that is not simply "text").


    It should look like this image: prova.png

    Could anyone help me?
    Thank you

  2. Add in your grid class the following rows:


    - plugin for the grid:


    plugins: [Ext.create('Ext.ux.grid.plugin.HeaderFilters')/*, ... other plugins here */]


    - column configuration:


    columns:[{ /*other configurations for your column:*/
    header: 'Accepted', dataIndex: 'accepted', flex: 1,
    /*filter plugin configuration:*/
    filterable: true, filter:{xtype: 'textfield' /* i've used a simple textbox*/}}
    /*, other columns here */]

  3. #2
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    41
    Answers
    6
    Vote Rating
    2
    sriram139 is on a distinguished road

      0  

    Default Add html text field in the column definition

    Add html text field in the column definition


    You can try adding html text field to the column text as below:

    Code:
    columns: [{
              text: 'Name <input type=text/>',
                dataIndex: 'name'
            }

  4. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    18
    Answers
    1
    Vote Rating
    0
    eternasparta is on a distinguished road

      0  

    Default


    Good solution (thank you!!!!), but this create an "html" field, and i think that it's not simple to interact with sencha framework. For example i think is difficult to get focus on it on click event, isn't?
    Is there any other solution? For example to add:
    Code:
    {
                xtype: 'textfield' //or other type
               
            }
    or something similar...

  5. #4
    Sencha User
    Join Date
    Jan 2013
    Posts
    18
    Answers
    1
    Vote Rating
    0
    eternasparta is on a distinguished road

      0  

    Default Thank You d.zucconi

    Thank You d.zucconi


    Add in your grid class the following rows:


    - plugin for the grid:


    plugins: [Ext.create('Ext.ux.grid.plugin.HeaderFilters')/*, ... other plugins here */]


    - column configuration:


    columns:[{ /*other configurations for your column:*/
    header: 'Accepted', dataIndex: 'accepted', flex: 1,
    /*filter plugin configuration:*/
    filterable: true, filter:{xtype: 'textfield' /* i've used a simple textbox*/}}
    /*, other columns here */]

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