0

私はこの 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が機能しないのですか?

4

2 に答える 2

0

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());
于 2013-09-04T07:47:17.310 に答える
0

here は 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());
});
于 2013-09-04T17:09:30.460 に答える