我应该在javascript中将窗口尺寸存储在哪里?

时间:2012-08-29 17:47:01

标签: javascript

我根据所选项目的类型弹出不同大小的各种Telerik RadWindows。每种类型的项目都有自己的编辑形式,点击时弹出,所以我需要在Javascript中设置不同的窗口高度和宽度。现在我正在使用这个函数,它具有每种类型的硬编码尺寸:

 function GetEditWindowDimensions(type) {
        var dimensions = null;           
        switch (type) {
            case 'Type1':
                dimensions = { length: 330, width: 400 };
                break
            case 'Type2':     
                dimensions = { length: 550, width: 450 };
                break;
            case 'Type2':
                dimensions = { length: 260, width: 400 };
                break;    
            case 'Type3':    
                dimensions = { length: 260, width: 400 };
                break;
            case 'Type4':
                dimensions = { length: 260, width: 400 };
                break;
            case 'Type5':
                dimensions = { length: 330, width: 400 };
                break;
            default:
                dimensions = { length: 500, width: 500 };

        }
        return dimensions
    }

这是我加载RadWindow的函数:

   function OpenEditWindow(type) {

        var oDimensions = GetEditWindowDimensions(type)
        var oWindow = openWindow('myurl.aspx', oDimensions.length, oDimensions.width, true);

        oWindow.MoveTo(200, 25);
    }

必须有一个更好的方法来做到这一点。您对如何在Javascript中以可配置的方式存储/检索这些维度有任何想法吗?类型本身由项目中.vb文件中的枚举定义。我将枚举值名称传递给GetEditWindowDimensions()。

提前致谢!

3 个答案:

答案 0 :(得分:2)

您可以将其存储在以下对象中:

    var dimensions = {
        'Type1': { length: 330, width: 400 },
        'Type2': { length: 550, width: 450 },
        'Type3': { length: 260, width: 400 }
    }

然后像

一样访问它们
dimensions.type1.length; // <-- 330
dimensions.type1.width; // <-- 400

答案 1 :(得分:2)

为什么不创建哈希?

var dWindowDimensions = }
    Type1: { length: 330, width: 400 },
    Type2: { length: 550, width: 450 },
    ...
}

然后,当您需要阅读值时:

var oDimensions = dWindowDimensions[type]

答案 2 :(得分:1)

只需将它们存储起来:

dimensions = {
    Type1: {
        length: 330,
        width: 400
    },
    ...
    ...
    Type5:  {
        length: 330,
        width: 400
    }
};

然后,如果您动态查找它们,则可以通过dimensions.Type1dimensions[type]访问它们。对于默认情况,只需检查您尝试访问的维度是否为undefined。如果是,请使用默认长度和宽度。例如:

var dimension = dimensions[type];
if(typeof dimension === "undefined") {
    dimension = {
        length: 500,
        width: 500 
    };
}

或更简洁:

var dimension = dimensions[type] || {length: 500, width: 500};

如果第一个值不是“真实的”,这将使用第二个值(||之后的那个)。