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());
});

在extjs中为文本框设置标签

2 个答案: