Extjs：（TimeField）重置minValue和maxValue

Question

我有一个 ExtJS TimeField，其中使用 setMinValue(...) 和 setMaxValue(...) 仅显示有效时间-元素给用户。这工作得很好，但如何重置 minValue 和 maxValue 以便用户可以再次看到所有时间元素？

我不想清除该字段，只是再次显示商店中的所有元素。

Answer 1

我没有看到任何“干净”的方法来完成此任务，但我确实有一个临时的解决方法，直到您找到更合适的方法。

尝试将 TimeField 的 minValue 和 maxValue 设置为 undefined 或 null，然后然后在您的 TimeField 上调用 generateStore()：

    // private
    generateStore: function(initial){
        var min = this.minValue || new Date(this.initDate).clearTime(),
            max = this.maxValue || new Date(this.initDate).clearTime().add('mi', 
                        (24 * 60) - 1),
            times = [];

        while(min <= max){
            times.push(min.dateFormat(this.format));
            min = min.add('mi', this.increment);
        }
        this.bindStore(times, initial);
    },

是的，它是一个私有方法，所以通常您不应该使用它，但如果您只是重置 minValue 或 maxValue，通常会调用该方法，所以您'只是跳过了一步。通过将两个属性设置为 null，var min, max = 的声明将等于默认值。您不能通过调用 setMinValue() 或 setMaxValue() 来解决此问题，因为它使用私有方法，尝试从您传递给的值中解析出 Date方法（解析 null 时会失败）：

    // private
    setLimit: function(value, isMin, initial){
        var d;
        // will fail here
        if(Ext.isString(value)){
            d = this.parseDate(value);
        // will fail as well
        }else if(Ext.isDate(value)){
            d = value;
        }
        // will never make it here, because 'd' wasn't set above
        if(d){
            var val = new Date(this.initDate).clearTime();
            val.setHours(d.getHours(), d.getMinutes(), d.getSeconds(),
                         d.getMilliseconds());
            this[isMin ? 'minValue' : 'maxValue'] = val;
            if(!initial){
                this.generateStore();
            }
        }
    }

---

更新：

更简洁的方法是扩展 TimeField 并添加一个 resetMinAndMax 方法来完成上述操作（将 minValue/maxValue 设置为 null，调用生成存储），或在重写中添加该方法。这样您就可以避免在任何地方调用“私有”generateStore()。

Answer 2

你可以用简单的

this.setMinValue(false);

运气

Answer 3

extjs 仅重置组件中的属性“值”（如果我没有错的话），好吧，我不知道我的代码是否是更好的方法，但是..像上面的答案一样，我覆盖了重置方法DateField 类使用 Field 类的代码，并添加另外 2 个属性来保留原始值（originalMinValue 和originalMaxValue）。

OriginalMinValue 和originalMaxValue 在我的日期字段的Render 事件上启动。

this.setValue = this.setValue.createSequence(this.updateHidden);
this.originalMinValue = this.minValue;
this.originalMaxValue = this.maxValue;
// this is part of me onRender event code

这就是重写

Ext.override(Ext.form.DateField,{   
originalMinValue : null,
originalMaxValue : null,
reset : function() {                
    this.setValue(this.originalValue);      
    this.setMinValue(this.originalMinValue);
    this.setMaxValue(this.originalMaxValue);
    this.clearInvalid();        
}

})

这样，我们就可以使用组件的重置方法 e 然后将 value、minValue 和 MaxValue 返回到原始值。

抱歉我的英语不好。

Answer 4

您是否在加载页面时获取时间字段的初始值？如果是这种情况，您应该能够使用FIELD 类的reset() 方法。您应该有权访问它，因为时间字段组件是从 FIELD 扩展而来的。