extjs - 在 extjs 中为文本框设置标签

Question

我对这个 ExtJS 很陌生，这是我的 POC，

   Ext.onReady(function(){


    var my3rdNumberField = new Ext.form.NumberField({
        xtype: 'numberfield', 
        selectOnFocus: true, 
        allowNegative: false,
        fieldLabel: 'Number of Copies',
        allowDecimals: false,
        name: 'noofcopy', 
        width: 25,
        value:1,
        maxValue:20,
        minValue:1
    });

    my3rdNumberField.render(Ext.getBody());


});

我将字段标签指定为份数，但它没有显示在文本框或其他任何地方之前。你能帮我在哪里出错吗？或者我需要在列出的内容中添加什么。如果是这样，为什么 fieldLabel 不起作用？

Answer 1

将 Ext.form.NumberField 更改为 Ext.form.field.Number。

var my3rdNumberField = new Ext.form.field.Number({
        xtype: 'numberfield', 
        selectOnFocus: true, 
        allowNegative: false,
        fieldLabel: 'Number of Copies',
        allowDecimals: false,
        name: 'noofcopy', 
        Labelwidth: 50,
        value:1,
        maxValue:20,
        minValue:1
    });
my3rdNumberField.render(Ext.getBody());

Answer 2

这是 extjs 3.4 中的工作代码。请确认 extjs 的版本。如果您使用的是 extjs 4 或更高版本，请参见示例：http: //jsfiddle.net/hWGYE/2358/

Ext.onReady(function(){

    var myPanel = new Ext.form.FormPanel({
         labelWidth: 120,
   items:[new Ext.form.NumberField({
       xtype: 'numberfield', 
       selectOnFocus: true, 
       allowNegative: false,
       fieldLabel: 'Number of Copies',
       allowDecimals: false,
       name: 'noofcopy', 
       width: 100,
       value:1,
       maxValue:20,
       minValue:1
   })],
 });
    myPanel.render(Ext.getBody());
});