Pionowy pasek przewijania ExtJS nie pasuje do długich danych json.

Question

Mam okno Ext w tym, że ma dwa elementy kontenera i zestaw pól. Dla kontenera i zestawu pól uzyskuję dane w postaci html z serwera.

Jeśli te dane są duże, pasek przewijania wydaje się nie nawigować całkowicie w tekście.

Jak poprawnie skonfigurować pionowy pasek przewijania w tym panelu?

Moje próbki kodu jest:

Ext.create('Ext.window.Window', { 
    title: 'DataSet', 
    bodyPadding: 5, 
    modal: true, 
    height: 600, 
    width: 900, 
    layout: 'fit', 
    items: { 
     xtype: 'form', 
     items: [{ 
      xtype: 'container', 
      html: jsonData.R.ErrorMsg || '' 
     }, { 
      xtype: 'fieldset', 
      padding: '5 0 10 0', 
      collapsible: true, 
      title: 'Description', 
      autoScroll: true, 
      height: 580, 
      width: 880, 
      collapsed: true, 
      overflowY: 'scroll', 
      html: Ext.String.htmlEncode(jsonData.R.ErrorDesc) || '' 
     }] 
    } 
}) 

Answer 1

spróbować tego swoją pracę Ext.create ('Ext.window.Window' { tytuł: 'DataSet', bodyPadding: 5,

Ext.create('Ext.window.Window', { 
 
    title: 'DataSet', 
 
    bodyPadding: 5, 
 
    modal: true, 
 
    height: 600, 
 
    width: 900, 
 
    layout: 'fit', 
 
    items: { 
 
     xtype: 'form', 
 
     items: [{ 
 
      xtype: 'container', 
 
      html: jsonData.R.ErrorMsg || '' 
 
     }, { 
 
      xtype: 'fieldset', 
 
      padding: '5 0 10 0', 
 
      collapsible: true, 
 
      title: 'Description', 
 
      height: 580, 
 
      width: 880, 
 
      collapsed: true, 
 
      overflowY: 'scroll', 
 
      html: Ext.String.htmlEncode(jsonData.R.ErrorDesc) || '' 
 
     }] 
 
    } 
 
})

Answer 2

fieldset jest nie ma być elementem formularza (wyświetlającym html), ma być zbiornikiem dla grupowaniaustawia pól.

Tworzenie pól jako pozycja dziecko z obszaru tekstu lub polu tekstowym

Ext.create('Ext.window.Window', { 
 
    title: 'DataSet', 
 
    bodyPadding: 5, 
 
    modal: true, 
 
    height: 600, 
 
    width: 900, 
 
    layout: 'fit', 
 
    items: { 
 
     xtype: 'form', 
 
     items: [{ 
 
      xtype: 'container', 
 
      html: jsonData.R.ErrorMsg || '' 
 
     }, { 
 
      xtype: 'fieldset', 
 
      
 
      collapsed: true, 
 
      overflowY: 'scroll', 
 
      items: [ 
 
      { 
 

 
       xtype: 'textfield', 
 
       padding: '5 0 10 0', 
 
       collapsible: true, 
 
       title: 'Description', 
 
       height: 580, 
 
       width: 880, 
 
       itemId: 'errorDesc', 
 
       name: 'errorDesc', 
 
       fieldLabel: 'Error Desc', 
 
       value: Ext.String.htmlEncode(jsonData.R.ErrorDesc) || '' 
 
      } 
 
     }] 
 
    } 
 
})