Ext js Spinner领域问题

时间:2019-06-15 06:19:40

标签: extjs

我在extjs的Ext.form.field.Spinner字段中遇到了问题

当我将其添加为如下形式时。

enter image description here

enter image description here

下面是我在应用程序中添加的代码。

    Ext.define('Ext.ux.CustomSpinner', {
    extend: 'Ext.form.field.Spinner',
    alias: 'widget.customspinner',
    //override onSpinUp (using step isn't neccessary)
    xLabel: '',
    onSpinUp: function () {
        var me = this;
        if (!me.readOnly) {
            var val = parseInt(me.getValue().split(' '), 10) || 0; // gets rid of " Pack", defaults to zero on parse failure
            me.setValue((val + me.step) + ' ' + me.xLabel);
        }
    },
    // override onSpinDown
    onSpinDown: function () {
        var me = this;
        if (!me.readOnly) {
            var val = parseInt(me.getValue().split(' '), 10) || 0; // gets rid of " Pack", defaults to zero on parse failure
            if (val <= me.step) {
                me.setValue('Default');
            } else {
                me.setValue((val - me.step) + ' ' + me.xLabel);
            }
        }
    }
});

在表单中,我添加了自定义微调器

{
   xtype: 'customspinner',
   fieldLabel: 'No Data',
   xLabel: 'Min.',
   step: 30
},

我不知道为什么这个设计问题会出现。我使用了sencha doc描述了here

的代码

有解决方案吗?

1 个答案:

答案 0 :(得分:0)

我已经在extjs的许多版本(例如4.2.0.663、4.2.1.883、5.0.1.1255、6.7.0 ...)上对其进行了测试,并且所描述的问题不存在

看看小提琴:

https://fiddle.sencha.com/#view/editor&fiddle/2t3g

您需要附加完整的代码-使用customspinner的地方