0
剣道の中にグリッドがあるウィンドウを作成しました。グリッド上にスクロールバーを作成し、剣道ウィンドウには作成しません。グリッドにスクロールバーを作成できません。 この問題の解決方法を教えてください。剣道のウインドウでスクロールバーを有効にする方法
HTML part is as follows :
<html>
<body>
<div id = "mywindow">
<h1>Work Order</h1>
<div id="grid"></div>
</div>
<a href="#" id="btnGO">Go</a>
</body>
</html>
次のようにあるjavascriptの一部次のように
$(document).ready(function() {[screenshot for error in scrollbar][1]
jQuery('#mywindow').kendoWindow({
width:300,
height:400,
animation: false,
autoFocus: true,
visible:false,
resizable : false
});
$('#btnGO').click(function(){
$('#mywindow').data('kendoWindow').center().open();
});
$("#grid").kendoGrid({
height : 100,
selectable: "multiple cell",
allowCopy: true,
columns: [
{ field: "student", title: "student"},
{ field: "student", title:"Mins"}
],
scrollable : true,
dataSource : [
{student: 10,mins: 120},
{student: 11,mins:100},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90},
{student: 12,mins: 90}
]
});
$('#grid .k-grid-content').scroll(function()
{ alert('I am scrolling ...'); });
});
CSSの一部は次のとおりです。
.k-window div.k-window-content
{
overflow: hidden;
}