Lightswitch HTML - 在点击时放大图像

Question

有没有人制作过一些代码或者找到了一种在Lightswitch HTML上点击图片的方法？我认为拥有点击照片的能力，然后让它变得非常大，这肯定是一个很好的功能......

如果是的话，请你在下面分享你的答案/研究

由于

Answer 1

比我想象的要简单得多......在我的情况下，我有一个表格视图，其中列出了（x）行数，每行包含的图像限制为150像素×150像素......

1. 创建一个弹出窗口并将图像从左窗格中的表拖到弹出窗口中。 （不是整个表格）确保调整列/行宽度以适合图像，或者图像将在弹出边框上展开...

2. 点击屏幕（中）的表格视图中的图像，然后选择itemTap，并选择弹出窗口

3. 在弹出窗口中将图像大小更改为适合您的图像并准备就绪：）

4. 添加以下代码以使弹出窗口居中（弹出窗口上的EditRender）：

myapp.ViewEngineer.popupname_postRender = function (element, contentItem) {
    $(element).parent().on("popupcreate", function (e) {
        $(e.target).popup({
            positionTo: "window",     // position the popup in the center of the browser window
        });
    });
};