Ext Grid with html input field does not accept ampersand and open parenthesis

[rubenbentein]

I have an ext (2.2.1) grid with a column containing a regular html text input field (and some additional text) typing in this textfield works ok, but in firefox (tested 3.5.3) ampersands [&] and the open parenthesis [(] are not added to the field (because they are used as navigation keys for cells on the grid.


How can i bypass this ?


Thanks

[jay@moduscreate.com]

that makes absolutely no sense, Ruben. Ext JS does not add these nav keys out of the box. are you doing something custom??

[rubenbentein]

I use the Ext.grid.RowExpander plugin


  this is the code to make the grid:

Ext.grid.data_invoiceLine = [['1','2','3','4','5','6','7 <input type="text" name="text"/>']];
  Ext.onReady(function(){
      var xg = Ext.grid;
      var reader_invoiceLine = new Ext.data.ArrayReader({}, [{name: '0'},{name: '1'},{name: '2'},{name: '3'},{name: '4'},{name: '5'},{name: '6'},{name: '7'}]);
      var expander_invoiceLine = new xg.RowExpander({
          tpl : new Ext.Template('<div class="expand">{6}</div>')
      });
      component['invoiceLineExpander'] = expander_invoiceLine; 
      var grid_invoiceLine = new xg.GridPanel({
         ds: new Ext.data.Store({
              proxy: new Ext.data.MemoryProxy(xg.data_invoiceLine),
              reader: reader_invoiceLine
         }),
         cm: new xg.ColumnModel([
             expander_invoiceLine,
             {header: 'From', width: 60, sortable: false, dataIndex: '0',align:'left'},
             {header: 'Until', width: 60, sortable: false, dataIndex: '1',align:'left'},
             {header: 'Type', width: 20, sortable: true, dataIndex: '2',align:'left'},
             {header: 'Amount', width: 40, sortable: true, dataIndex: '3',align:'left'},
             {header: 'Status', width: 40, sortable: true, dataIndex: '4',align:'left'},
             {header: 'Action', width: 50, sortable: false, dataIndex: '5',align:'left'}
          ]),
          viewConfig: {
              forceFit:true
          },
          width: 850,
          autoHeight:true,
          plugins: [expander_invoiceLine],
          collapsible: false,
          disableSelection: false,
          iconCls: 'icon-grid',
          renderTo: 'gridholder_invoiceLine'
      });
      grid_invoiceLine.store.load();
      expander_invoiceLine.expandRow ( 0 );
  });
  
  

[vtim]

Same error with textfield and textarea in grid (ext 2.2.1)

[lacco]

You find a workaround here: http://www.sencha.com/forum/showthre...l=1#post664478