1. #1
    Ext User
    Join Date
    Mar 2009
    Posts
    6
    Vote Rating
    0
    rubenbentein is on a distinguished road

      0  

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

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


    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

  2. #2
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


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

  3. #3
    Ext User
    Join Date
    Mar 2009
    Posts
    6
    Vote Rating
    0
    rubenbentein is on a distinguished road

      0  

    Default


    I use the Ext.grid.RowExpander plugin


      this is the code to make the grid:
    Code:
    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 );
      });
      
      

  4. #4
    Ext User
    Join Date
    Oct 2008
    Posts
    1
    Vote Rating
    0
    vtim is on a distinguished road

      0  

    Default


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

  5. #5
    Sencha User
    Join Date
    Apr 2008
    Posts
    36
    Vote Rating
    0
    lacco is on a distinguished road

      0