0

私は剣道のUIを必要とするプロジェクトに取り組んでいます。現在、Q1'12ベータ版を使用しています。私のアプリケーションには、常に表示されるフッターが必要です。アプリケーションのコンテンツは、フッターの上の残りのすべてのスペースにあります。コンテンツのTOPにフッターを付けたくないことに注意してください。2つの異なるセクション（コンテンツとフッター）が必要です。

どういうわけか、より大きなデータセットで剣道グリッドを使用すると、グリッドはそれに割り当てられたスペースよりも大きくなります。私のフッターは必要な場所にありますが、グリッドはフッターの後ろに成長しているように見えます。このため、ユーザーはスクロールバーを操作できません。以下にコードを含めました。これを修正するにはどうすればよいですか？私はこれで車輪を回し続けます、そしてそれは簡単な/一般的な問題のようです。しかし、私は解決策を見つけることができません。

<body>
  <div id="myLayout" class="k-content" style="background-color:Gray; height:100%;">
    <div id="contentArea" style="background-color:Silver;">
      <div id="myList"></div>

      <script type="text/javascript">
        var myDataSource = new kendo.data.DataSource({
          type: "json",
          pageSize: 50,
          transport: { read: "/myDataSource/" }
        });

        $(window).load(function () {
          $("#myList").kendoGrid({
            scrollable: { virtual: true },
            dataSource: myDataSource,
            sortable: true,
            columns: [
                { title: "Field 1" },
                { title: "Field 2" },
                { title: "Field 3" },
                { title: "Field 4" },
                { title: "Field 5" },
                { title: "Field 6" },
                { title: "Field 7" }
              ]
            });
          });
          </script> 
        </div>

        <div id="footer" style="background-color:Silver;">
            Footer information
        </div> 
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#rootLayout").kendoSplitter({
                orientation: "vertical",
                panes: [
                    { scrollable: false, collapsible: false, size: "90%" },
                    { collapsible: true, size: "10%" }
                ]
            });
        });
    </script>
</body>

助けてくれてありがとう。

4

1 に答える 1

0

私はあなたのサンプルを適応させ、この実装を構築するためにTelerikチームによって提供されたものとデータソースを交換しました：

http://jsfiddle.net/latenightcoder/GZjN5

コードはかなり自明ですが、私が行うのはフッターの高さに基づいてグリッドの高さを操作することだけです。

于 2012-03-07T16:46:41.023 に答える