Lightswitch HTML - 点击放大图片

Question

是否有人编写了一些代码或找到了使图像在 Lightswitch 上可点击的方法 HTML？我认为具有单击照片然后将其放大的能力肯定是一个很好的功能...

如果可以，请在下方分享您的答案/研究

谢谢

Answer 1

比我想象的要简单得多......在我的例子中，我有一个 table 视图，其中列出了 (x) 行，每行包含一个限制为 150px x 150px 的图像.. .

1. 创建一个弹出窗口并将图像从左侧窗格的 table 拖到弹出窗口上。 （不是整个 table）请确保调整 column/row 宽度以适合图像，否则图像将扩展到弹出框边框...

2. 单击屏幕（中心）table 视图中的图像，然后 select itemTap，然后 select 弹出窗口

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
        });
    });
};