How to add a Static message ExtJS

Question

I need to add a little blip about an update to a form and I'm making it unnecessarily hard on myself. How do I add a text field that simply says Notice: XYZ underneath the Transfer date field? Is it a certain xtype I need to implement?

Answer 1

在表单中添加textfield / displayfield有很多种方法。获取表单，然后添加文本字段。或者只是在表单面板中添加文本字段。 我为你创造了一个小提琴手，我将在“转移日期”旁边添加＆＃39;通过这种方式。

{
    xtype :'textfield',    
    name: 'last',
    editable :false,
    allowBlank: false,
    fieldLabel: 'Notice',
    value: 'xyz'
}

由于您要求textfield，所以我们可以这样做并制作editable :false,，但更简单的选择是实现这一目标

   {
    xtype: 'displayfield',
    fieldLabel: 'Notice',
    value: 'xyz'   
   }

两种类型的解决方案都可以在fiddler中找到。看看并根据您的选择选择。 Fiddle

Answer 2

添加表单对象

formPanel.add({
    xtype: 'displayfield',
        fieldLabel: 'Notice',
        value: 'xyz'    
})

Answer 3

尝试在表单面板中添加xtype：label的新组件。

例如：

formPanel.add({
    xtype: 'label',
    text: 'Notice: XYZ'
});