如何更改Lightswitch html项目中的屏幕大小

Question

我创建了一个＆＃34; Common Screen Set＆＃34;在VS Lightswitch 2015 html项目中。我还在“浏览”屏幕上添加了一个按钮，以在Common Set中启动AddEdit。由于每条记录都有大约30个要添加的字段，因此我将AddEdit屏幕自定义为三列。但是，只显示左手列及其中的字段。如何使AddEdit屏幕大于默认屏幕大小，以便显示所有三列？如何显示中间和右侧列？

Answer 1

通过在屏幕创建的方法中覆盖屏幕的maxWidth和maxHeight css属性，可以在屏幕的基础上更改对话框大小，例如：

myapp.AddEditItem.created = function (screen) {
    $(window).one("pagebeforeshow", function (e, data) {
        var $dialog = $("div[class~='msls-dialog-frame']");
        $dialog.css({ 
            maxHeight: "900px",
            maxWidth: "1000px"
        });
    });
};

以上示例将高度从标准700px更改为900px，宽度从标准510px更改为1000px。

需要jQuery mobile pagebeforeshow event处理程序来确保您的对话框屏幕已经创建并初始化（这适用于LightSwitch HTML客户端将jQuery移动框架用于其用户界面）。