Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何永久设置高光持续时间_Javascript_Extjs_Highlight_Extjs6 - Fatal编程技术网

Javascript 如何永久设置高光持续时间

Javascript 如何永久设置高光持续时间,javascript,extjs,highlight,extjs6,Javascript,Extjs,Highlight,Extjs6,我想永久设置Ext.get(el).highlight()函数的持续时间。这在不使用cls的情况下是可能的吗?我已经尝试给持续时间配置赋予无穷大。但是,这样做会收到许多错误。您需要覆盖函数高亮显示。有恒定的1000毫秒 Ext.dom.Element.override({ highlight: function(color, options) { var me = this, dom = me.dom,

我想永久设置
Ext.get(el).highlight()函数的持续时间。这在不使用cls的情况下是可能的吗?我已经尝试给持续时间配置赋予无穷大。但是,这样做会收到许多错误。

您需要覆盖函数
高亮显示。有恒定的1000毫秒

Ext.dom.Element.override({
    highlight: function(color, options) {
            var me = this,
                dom = me.dom,
                from = {},
                animFly = new Ext.dom.Fly(),
                restore, to, attr, lns, event, fn;

            options = options || {};
            lns = options.listeners || {};
            attr = options.attr || 'backgroundColor';
            from[attr] = color || 'ffff9c';

            if (!options.to) {
                to = {};
                to[attr] = options.endColor || me.getColor(attr, 'ffffff', '');
            }
            else {
                to = options.to;
            }

            // Don't apply directly on lns, since we reference it in our own callbacks below
            options.listeners = Ext.apply(Ext.apply({}, lns), {
                beforeanimate: function() {
                    // Reattach to the DOM in case the caller animated a Fly
                    // in which case the dom reference will have changed by now.
                    animFly.attach(dom);

                    restore = dom.style[attr];
                    animFly.clearOpacity();
                    animFly.show();

                    event = lns.beforeanimate;

                    if (event) {
                        fn = event.fn || event;

                        return fn.apply(event.scope || lns.scope || WIN, arguments);
                    }
                },
                afteranimate: function() {
                    if (dom) {
                        dom.style[attr] = restore;
                    }

                    event = lns.afteranimate;

                    if (event) {
                        fn = event.fn || event;
                        fn.apply(event.scope || lns.scope || WIN, arguments);
                    }
                }
            });

            me.animate(Ext.apply({}, options, {
                duration: 10000, // here new duration ms
                easing: 'ease-in',
                from: from,
                to: to
            }));

            return me;
        }
});
或者您可以将配置附加到突出显示的
方法,如:

Ext.get(el).highlight("#ffff9c", {
    attr: "backgroundColor",
    endColor: "#ffffff",
    easing: 'easeIn',
    duration: 4000
});