行布局的宽度在lightswitch html上为零

Question

在Lightswitch html中，当向行布局中添加div时，我得到div的宽度为0。

 myapp.Home.Group_postRender=function (element, contentItem) {     
   var div = $("<div></div>").attr('id', "container")    
  div.appendTo($(element));
}

我正在获取div "container“的宽度，作为零，并且我也检查了这个div的父级$(". msls-ctl-rows-layout")，它的宽度也是零。但呈现后，行布局的宽度在dom中为439 is。如何在呈现时将此默认宽度传递给我的容器。

注意:行布局的大小大小为"Strech to Container“。

Answer 1

在postRender方法触发时，LightSwitch的参数布局尚未发生。因此，行布局组的宽度仍然为零。

但是，通过将代码延迟到LightSwitch完成其参数布局之后，仍然可以访问postRender函数中的宽度。这可以通过使用jQuery移动分页事件 ( LightSwitch HTML使用jQuery移动)实现，如下所示：

myapp.Home.Group_postRender = function (element, contentItem) {
    var div = $("<div></div>").attr('id', "container")
    div.appendTo($(element));

    $(window).one("pagechange", function (e, navigationData) {
        alert($(element).width());
    });
};