0

ASP マスター ページを使用して Kendo UI Mobile レイアウトを設定し、 を使用し<asp:contentplaceholder>て aspx ページ コンテンツを読み込む必要があるとします。これを適切に機能させるために、次のことを試しました（読みやすくするためにここでタグ属性を削除しています）：

マスター ページ ファイル:

<html>
<head></head>
<body>
    <form>
        <asp:contentplaceholder></asp:contentplaceholder>    
    </form>

    <!-- Master Layout -->
    <div data-role="layout" data-id="mMasterLayout">
        <header data-role="header">
        </header>
        <footer data-role="footer">
        </footer>
    </div>

    <!-- load scripts here (jquery, kendo, etc.) -->

    <script>
        var app;

        $(document).ready(function () {
            app = new kendo.mobile.Application(document.forms, {
                layout: "mMasterLayout"
            });
        });
    </script>
</body>
</html>

マスター ページ ファイルを使用する他のページ:

<asp:Content>
    <!-- View -->
    <div data-role="view">    
        <!-- Content -->
        <div data-role="content">
            .
            .
            .
        </div>
    </div>
</asp:Content>

そのため、DOM を調べるとエラーはなく、Kendo は適切にレンダリングされています。問題は、画面に何も表示されないことです (本体の背景色のみが表示されます)。DOM では、表示されると予想されるビューが実際に表示されます。

誰でも助ける考えはありますか？ビューをレンダリングするために Kendo のフォーム コンテナをターゲットにしているように感じますが、よくわかりません。また、 body タグの幅と高さを継承して、それが役立つかどうかを確認しようとしましたが、何もしませんでした.

また、ソリューションはMVCとして設定されていないため、MVVMなどの可能性はないため、このように機能させる必要があることに注意してください。

Kendo UI Mobile と JQuery の両方の最新リリースを使用しています。ありがとうございました！

アップデート：

マスター ページ ファイルでタグの固定高さをハードコーディングするformと、ビューの目的のコンテンツが得られます。私が思うに残された質問は..このフォームタグをドキュメント本文の高さに拡張する最良の方法は何ですか..

4

1 に答える 1

0

私自身の解決策を見つけました-次のCSSプロパティをマスターページファイルに追加します。

html { height: 100%; }

于 2013-01-18T23:03:12.703 に答える