0
私は剣道のUIを必要とするプロジェクトに取り組んでいます。私たちは現在、Q1'12ベータ版で作業しています。私のアプリケーションには常に見えるフッターが必要です。アプリケーションのコンテンツは、フッターの上に残りのすべてのスペースにあります。私はコンテンツのTOPにフッターを置いてはいけません。 2つの異なるセクション（コンテンツとフッター）が必要です。JavaScript/Kendo UIのレイアウトに関する問題
何らかの理由で、大きなデータセットを持つ剣道グリッドを使用すると、グリッドが大きくなってしまいます。私のフッターは私が必要とする場所ですが、グリッドはフッターの後ろに成長するようです。このため、ユーザーはスクロールバーと対話できません。私は以下のコードを含んでいます。これをどうやって解決するのですか？私はこの上に私の車輪を回転させ続け、それは簡単/共通の問題のように思えます。しかし、私は解決策を見つけることができません。
<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>
ありがとうございました。