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

Question

我在 VS Lightswitch 2015 html 项目中创建了一个 "Common Screen Set"。我还在“浏览”屏幕上添加了一个按钮，用于在“公用集”中启动“添加编辑”。由于每条记录大约有 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 移动 pagebeforeshow event 处理程序来确保您的对话框屏幕已创建并初始化（这适用于 LightSwitch HTML 客户端使用 jQuery其用户界面的移动框架）。

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

How do I change the screen size in a Lightswitch html project

visual-studio-lightswitch