Breite für Row-Layout ist Null auf Lichtschalter html

Question

In Lightswitch html, wenn ein div auf Zeilen Layout hinzufügen, i die Breite des div als 0.

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

Ich erhalte Breite für die div "bin immer container ", als null und auch ich habe das Elternteil für dieses div, $(". msls-ctl-rows-layout"), überprüft, dessen Breite auch Null ist. Aber nach dem Rendern beträgt die Breite für rowslayout 439px in dom. Wie bekomme ich diese Standardbreite beim Rendern in meinen Container?

Hinweis: Sizing für das Zeilen-Layout ist „Strech to Container“

Answer 1

An der Stelle, die postRender Methode Brände haben Light parametrisches Layout noch stattfinden. Daher ist die Breite Ihrer Gruppe Zeilenlayout immer noch Null.

Wenn Sie jedoch Ihren Code verzögern, bis LightSwitch das parametrische Layout abgeschlossen hat, können Sie weiterhin auf die Breite in Ihrer postRender-Funktion zugreifen. Dies kann durch Verwendung der jQuery Mobile pagechange event (als Light HTML-Client verwendet jQuery mobile) wie folgt erreicht werden:

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