Threaded View

  1. 31 Jan 2013 3:31 AM #1
    eternasparta
    eternasparta is offline
    Sencha User
    Join Date
    Jan 2013
    Posts
    17
    Vote Rating
    0
    Answers
    1
    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
    Reply With Quote Reply With Quote
  2. Best Answer Posted by eternasparta

    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 */]