Вертикальная полоса прокрутки ExtJS не подходит для длинных json-данных

Question

У меня есть окно Ext, в котором есть два контейнера и набор полей. Для контейнера и fieldset я получаю данные в виде html с сервера.

Если эти данные являются большими, полоса прокрутки не перемещается по тексту полностью.

Как правильно настроить вертикальную полосу прокрутки на этой панели?

Мой пример кода:

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

Вы пытаетесь это его работа Ext.create ('Ext.window.Window', { название: '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 является не, предназначенный для элемента формы (отображающий html). Он предназначен для контейнера для группировкиустанавливает полей.

Создание Fieldset с дочерним элементом текстовой областью или текстового полем

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) || '' 
 
      } 
 
     }] 
 
    } 
 
})