Javascript jqgrid虚拟滚动不'；行不通
你好。 我试图在某个系统中嵌入jqGrid表，但遇到了一个错误，这使我无法进一步深入。 我试图找到一个有类似问题的帖子，但没有成功。 如果有解决这个问题的帖子，请让我参考 问题是—— 在显示的最后一行下方滚动时，没有触发任何事件 请看一看Javascript jqgrid虚拟滚动不'；行不通,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,你好。 我试图在某个系统中嵌入jqGrid表，但遇到了一个错误，这使我无法进一步深入。 我试图找到一个有类似问题的帖子，但没有成功。 如果有解决这个问题的帖子，请让我参考 问题是—— 在显示的最后一行下方滚动时，没有触发任何事件 请看一看 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="XXXX"/> <title>Tab
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="XXXX"/>
<title>Table</title>
</head>
<body>
<div id="outside">
<div id="header">
</div><!-- end of header -->
<div id="topright">
<h3>Main menu</h3>
</div><!-- end of topright -->
<div id="break"></div>
<div id="left">
<div id="nav">
<h3>Navigation</h3>
<ul>
<li><a href="/">Home</a></li>
<li>
<a href="sitetrack"><strong>Hunting</strong></a>
</li>
<li><a href="/players">Players</a></li>
<li><a href="/status">Status</a></li>
<li><a href="management">Management</a></li>
<li><a href="/tools">Tools</a> <strong style="color: red; font-weight bold">NEW!</strong></li>
<li><a href="/logout">Log out</a></li>
</ul>
<h3>Information</h3>
<p>You are logged in as <strong></strong></p>
<p style="font-size: 7pt">Access privileges:
<ul>
<li style="font-size: 6pt">system_administrator</li>
</ul>
</p>
</div><!-- end of nav -->
</div><!-- end of left -->
<div id="main">
<link rel="stylesheet" href="bo_admin/libs/jquery-ui/themes/base/jquery-ui.css">
<link rel="stylesheet" href="bo_admin/libs/jQGrid/css/ui.jqgrid.css">
<link rel="stylesheet" href="bo_admin/css/menu.css">
<style>
.ui-priority-secondary {
background: none repeat scroll 0 0 gainsboro;
}
</style>
<script src="bo_admin/libs/jquery/jquery-1.9.1.js"></script>
<script src="bo_admin/libs/jQGrid/js/i18n/grid.locale-en.js"></script>
<script src="bo_admin/libs/jQGrid/js/jquery.jqGrid.js"></script>
<script type="text/javascript">
(function ($) {
$(function () {
initGrid();
});
function initGrid() {
var options = {
mtype:"GET",
url: "XXXX/inbotablefeed?reportName=v_BO_big_ret",
datatype: "json",
height: "350",
colNames: ['X', 'X', 'X',...,'X'],
colModel: [{}, {}, {}],
caption: "Bo Admin",
altRows: false,
width:1500,
autowidth: false,
scroll:true,
prmNames: { npage: 'npage' },
pager: $('#pager'),
sortname: 'invdata',
rownumbers: true,
forceFit: false,
shrinkToFit: false,
viewrecords: true
};
$("#grid")
.jqGrid(options)
.navGrid(
'#pager',
{
edit: false,
add: false,
del: false
},
{},
{},
{},
{
multipleSearch:true,
multipleGroup:true
}
)
.filterToolbar({
stringResult: true,
searchOnEnter: true
});
}
})(jQuery);
</script>
<div style="position:fixed;">
<ul id="menu">
<li>
<a href="/botable">Users</a>
<ul>
<li><a href="/botable?reportName=v_BO_big_ret">Big Retention</a></li>
<li><a href="/botable?reportName=v_BO_user_list">User list</a></li>
</ul>
</li>
<li><a href="/botable">XXXX</a></li>
<li><a href="/botable">XXXXX</a></li>
<li><a href="/botable">XXXX</a></li>
<li><a href="/botable">XXX</a></li>
</ul>
</div>
<div style="position:absolute; top: 120px;">
<table id="grid"></table>
<div id="pager"></div>
</div>
</div><!-- end of main -->
<div id="bottombreak"></div>
<div id="footer">
(C) XXXXXX
</div><!-- end of footer -->
</div><!-- end of outside -->
桌子
主菜单
航行
-
- 全新
问询处
您以
访问权限：
系统管理员
.ui优先级辅助{
背景：无重复滚动0 0 gainsboro；
}
（函数（$）{
$（函数（）{
initGrid（）；
});
函数initGrid（）{
变量选项={
mtype:“获取”，
url：“XXXX/inbotablefeed？reportName=v_BO_big_ret”，
数据类型：“json”，
高度：“350”，
colNames:['X'，'X'，'X'，…，'X']，
colModel:[{}，{}，{}]，
描述：“博管理员”，
奥尔特罗斯：错，
宽度：1500，
自动宽度：false，
卷轴：没错，
prmNames:{npage:'npage'}，
寻呼机：$（“#寻呼机”），
sortname:“invdata”，
行数：对，
forceFit:false，
shrinkToFit：错，
viewrecords：正确
};
$（“网格”）
.jqGrid（选项）
.导航栅格(
“寻呼机”，
{
编辑：false，
加:错,，
戴尔：错
},
{},
{},
{},
{
多重搜索：对，
多组：真
}
)
.filterToolbar({
结果:对,，
搜索者：对
});
}
})（jQuery）；
-
（C） XXXXXX