组合jQuery小部件时避免重复选项

时间:2014-07-30 09:38:41

标签: jquery jquery-ui jquery-ui-widget-factory

我创建了一个基于widget factory的Datetime小部件,类似于jQuery datepicker,它有一组选项。例如,您可以设置本地化月份(不同本地人的月份名称)。

我想创建一个Interval小部件(带有from - to的datepicker),它将由两个Datetime小部件组成。我的问题在于如何避免将内部窗口小部件的默认选项重复到外部窗口小部件。当然,两个内部小部件将通过相同的选项集。

日期时间小部件:

$(function () {
    $.widget("Foo.Datetime", {
        options: {
            months: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "etc"]
        }           
        // other stuff here
    }
    });
});

如何允许从Interval小部件传递选项到Datetime小部件,而无需在区间小部件中重新定义它们?

显而易见的方法是以下,我想避免:

$(function (){
    $.widget("Foo.Interval", {
        options: {
            months: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "etc"]
        },

        _create: function(){
            var d = this.element.find(".Datetime");
            d.Datetime({
                months: this.options.months
            });
        }
        // handle _setOption accordingly 
    })
});

0 个答案:

没有答案