0

durandal と twitter-bootstrap を使用しています。ページがあり、その中にモーダル ポップアップがあります。モーダル ポップアップのコードは次のようになります。

<div id="reportModal" class="messageBox messageBox-fixedSize">
    <div class="modal-header">        
    </div>    
    <div class="modal-body" >          
    </div>
    <div class="modal-footer ">
    </div>
</div>

クロムでのこれの結果は次のようなものです：

<div id="reportModal" class="messageBox messageBox-fixedSize ui-draggable" data-view="views/Reports/reportWindow" style="position: relative; margin-top: -151.05555534362793px; margin-left: -395.55555534362793px;" data-active-view="true">
<div class="modal-header">
</div>    
<div class="modal-body">
</div>
<div class="modal-footer ">

</div>

結果で興味深いのは、durandal 用に dialog.js から変更された style 属性です (compositionComplete メソッドを使用)。

style="position: relative; margin-top: -151.05555534362793px; margin-left: -395.55555534362793px;"

CompositionComplete に移動すると、このメソッドに関するコメントは次のようになります。「この関数は、モーダルが DOM に完全に構​​成された後に呼び出され、実装で配置やアニメーションなどの最終的な変更を行うことができます。元のダイアログ オブジェクトを取得できます。getDialogcontext.modelで使用します。」

私の質問は、この方法に基づいて (ページの上部に) 新しい位置を追加するにはどうすればよいですか?.

どんな助けでも感謝します。

4

1 に答える 1

2

最後に、compositionComplete を使用しました

public compositionIsCompleted(){
    var styles = {
        'position': 'absolute',
        'margin-top': '-360px',            
        'margin-left':'-250px'
    };

    $("#reportModal").css(styles);
}

他の誰かに役立つことを願っています。

于 2013-11-07T21:24:05.247 に答える