javascript - 多个实例与具有动态内容的一个实例

Question

我正在构建一个 Kendo UI 应用程序，该应用程序具有多个(20+)不同的 kendoWindows。我想知道如果我在 DOM 加载时为每个实例实例化一个实例，性能是否会成为一个问题。

仅在需要时才实例化，然后在关闭时将其杀死，这样会更好吗？

我考虑的第三个选项是实例化一个 kendoWindow 并在打开时更改它的参数和内容。

我想我想知道第一种方法是否会对性能产生影响，以及其他两种方法中的一种是否是更好的主意。

这是我的代码:

// Initialize all the dialogs.
    function _initializeDialogs( ){
        // that.dialogs is an object literal filled with jquery objects.
        var dialogs = that.dialogs;

        var defaults = {
            resizable: false,
            draggable: false,
            modal: true,
            visible: false,
            open: setCenter
        }

        // Iterate over the dialogs and initialize each one as kendoWindows.
        for ( dl in dialogs ){
            // Assign that.dialogs[dl] to a variable.
            var dialog = dialogs[ dl ];

            // If DOM element exists.
            if( dialog ){
                // If Dialog jquery element is not already a kendoWindow.
                if( !dialog.data( 'kendoWindow' ) ){
                    // Instantiate the kendoWindows.
                    dialog.kendoWindow( defaults );
                }
            }
        }
    };

Answer 1

第三个选项将是最好的，因为您只有一个窗口需要管理，并且内容作为输入参数提供，在这种情况下这是一个很好的解决方案。