Удалить границу текстового поля

Question

Как я могу нарисовать границу текста, окружающего текст.

Ext.create('Ext.form.FormPanel', { 
    title  : 'Sample TextArea', 
    width  : 400, 
border  : false, 
    bodyPadding: 10, 
    renderTo : Ext.getBody(), 
    items: [{ 
     xtype  : 'textareafield', 
     grow  : true, 
     name  : 'message', 
     fieldLabel: 'Message', 
     anchor : '100%' 
    }] 
}); 

Answer 1

Предполагая, например, вы работаете с ExtJS 5.1, а также то, что вы хотите удалить границу из поля ввода (Более подробная информация поможет сузить переменные), вы можете определить КНЫ для компонента а затем определить границу для InputField как «нет»,

{ 
    xtype  : 'textareafield', 
    grow  : true, 
    name  : 'message', 
    fieldLabel: 'Message', 
    cls  : 'xpto', 
    anchor : '100%', 
} 

и ваш CSS будет

.xpto .x-form-trigger-wrap-default {border: none;} 

Проверка docs всегда полезно и может обеспечить examp les и insight, хотя.

Answer 2

Для отображения данных на форме и быть в состоянии использовать form.loadRecord() и другие преимущества вида панели можно использовать displayfield

Ext.create('Ext.form.Panel', { 
    renderTo: Ext.getBody(), 
    width: 175, 
    height: 150, 
    bodyPadding: 10, 
    title: 'Final Score', 
    items: [{ 
     xtype: 'displayfield', 
     fieldLabel: 'Home', 
     name: 'home_score', 
     value: '10' 
    }, { 
     xtype: 'displayfield', 
     fieldLabel: 'Visitor', 
     name: 'visitor_score', 
     value: '11' 
    }], 
    buttons: [{ 
     text: 'Update' 
    }] 
});