- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
希望有人能够指出我正确的方向。
我已经浏览了许多其他与 jqGrid 和 json 未填充 jqGrid 表相关的帖子(一些链接):
jqGrid - Table not being populated by data from json request
jgGrid not displaying json data
JSON and jqGrid. What is "userdata"?
jqGrid with JSON data renders table as empty
jqGrid not displaying JSON data
但找不到我的问题的答案。
基本上我想做的是从日志文件中读取事件列表(带有日期和时间信息)并显示在 jqGrid 中。
这是我的设置:
[1]我的 Servlet 片段
<pre><code>@Override
protected void doGet(HttpServletRequest aRequest,
HttpServletResponse aResponse, Hashtable aQueryData,
LocaleData aLocale) throws ServletException, IOException {
System.out.println("doGet(): Received Request: " + aRequest.getServletPath());
// jqGrid expects the JSON data in a predefined format:
// {
// "total": "xxx",
// "page": "yyy",
// "records": "zzz",
// "rows" : [
// {"id" :"1", "cell" :["cell11", "cell12", "cell13"]},
// {"id" :"2", "cell":["cell21", "cell22", "cell23"]},
// ...
// ]
// }
// Calling getLogEntries() method populates logEntries & logEntriesCnt.
// logEntries contains the "rows" data as specified above.
// For now I am testing with 10 rows of data.
getLogEntries(aLocale);
JSONObject jqGridData = new JSONObject();
jqGridData.put("total", "1");
jqGridData.put("page", "1");
jqGridData.put("records", String.valueOf(logEntriesCnt-1));
jqGridData.put("rows", logEntries);
System.out.println("\n\n# Event Log Entries (" + new Date() + "):" + (logEntriesCnt-1));
System.out.println("jqGrid JSON: \n" + jqGridData.toJSONString());
aRequest.setAttribute("userdata", jqGridData.toJSONString());
aRequest.getRequestDispatcher("/jsp/eventlogtest.jsp").forward(aRequest, aResponse);
}
</code></pre>
控制台上的输出(我通过 jsonlint 验证了它):
<pre><code># Event Log Entries (Fri Dec 09 11:02:25 GMT 2011):10
jqGrid JSON:
{"total":"1","page":"1","records":"10","rows":[{"id":"1","cell":["09\/12\/11","11:01:52","Communication Established"]},{"id":"2","cell":["09\/12\/11","11:01:52","Monitoring Started"]},{"id":"3","cell":["09\/12\/11","10:50:55","Communication Established"]},{"id":"4","cell":["09\/12\/11","10:50:55","Monitoring Started"]},{"id":"5","cell":["09\/12\/11","10:36:57","Communication Established"]},{"id":"6","cell":["09\/12\/11","10:36:57","Monitoring Started"]},{"id":"7","cell":["09\/12\/11","10:30:58","Communication Established"]},{"id":"8","cell":["09\/12\/11","10:30:58","Monitoring Started"]},{"id":"9","cell":["09\/12\/11","10:21:58","Communication Established"]},{"id":"10","cell":["09\/12\/11","10:21:58","Monitoring Started"]}]}
</code></pre>
[2]我的JSP
<pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="application/json">
<link type="text/css" rel="stylesheet" href="/styles/cupertino/jquery-ui-1.8.14.custom.min.css">
<link type="text/css" rel="stylesheet" href="/styles/ui.jqgrid.css">
<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="/js/grid.locale-en.js"></script>
<script type="text/javascript" src="/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="/js/eventlog.min.js"></script>
<title>jqGrid Test</title>
</head>
<body>
<h1>jqGrid Test</h1>
<form id="formpageform" action="/eventlog" name="eventlogviewerform" method="post">
<div id="logEntries">
userdata = ${userdata}
</div>
<br/>
<br/>
<table id="tableGrid"></table>
<div id="tablePager"></div>
<br/>
<br/>
</form>
</body>
</html>
</code></pre>
<p><code></code></p><code>
<p>I output the userdata to the screen and again validated the json is correct. Firebug does not have any errors. Here is a link to the screen-shot that I see when page is rendered:
<a href="http://tinypic.com/r/acrgus/5" rel="noreferrer noopener nofollow">http://tinypic.com/r/acrgus/5</a></p>
<p>Firebug Console - Parameters:</p>
<pre><code>_search false
nd 1323429509833
page 1
rows 10
sidx dateentry
sord asc
</code></pre>
<p>Firebug Console - Response:</p>
<pre><code><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="application/json">
<link type="text/css" rel="stylesheet" href="/styles/cupertino/jquery-ui-1.8.14.custom.min.css">
<link type="text/css" rel="stylesheet" href="/styles/ui.jqgrid.css">
<script type="text/javascript" src="/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="/js/grid.locale-en.js"></script>
<script type="text/javascript" src="/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="/js/eventlog.min.js"></script>
<title>jqGrid Test</title>
</head>
<body>
<h1>jqGrid Test</h1>
<form id="formpageform" action="/eventlog" name="eventlogviewerform" method="post">
<div id="logEntries">
userdata = {"total":"1","page":"1","records":"10","rows":[{"id":"1","cell":["09\/12\/11","11:18:13","Communication Established"]},{"id":"2","cell":["09\/12\/11","11:18:13","Monitoring Started"]},{"id":"3","cell":["09\/12\/11","11:01:52","Communication Established"]},{"id":"4","cell":["09\/12\/11","11:01:52","Monitoring Started"]},{"id":"5","cell":["09\/12\/11","10:50:55","Communication Established"]},{"id":"6","cell":["09\/12\/11","10:50:55","Monitoring Started"]},{"id":"7","cell":["09\/12\/11","10:36:57","Communication Established"]},{"id":"8","cell":["09\/12\/11","10:36:57","Monitoring Started"]},{"id":"9","cell":["09\/12\/11","10:30:58","Communication Established"]},{"id":"10","cell":["09\/12\/11","10:30:58","Monitoring Started"]}]}
</div>
<br/>
<br/>
<table id="tableGrid"></table>
<div id="tablePager"></div>
<br/>
<br/>
</form>
</body>
</html>
</code></pre>
<p>Firebug Console - HTML:</p>
<pre><code>jqGrid Test
userdata = {"total":"1","page":"1","records":"10","rows":[{"id":"1","cell":["09\/12\/11","11:18:13","Communication Established"]},{"id":"2","cell":["09\/12\/11","11:18:13","Monitoring Started"]},{"id":"3","cell":["09\/12\/11","11:01:52","Communication Established"]},{"id":"4","cell":["09\/12\/11","11:01:52","Monitoring Started"]},{"id":"5","cell":["09\/12\/11","10:50:55","Communication Established"]},{"id":"6","cell":["09\/12\/11","10:50:55","Monitoring Started"]},{"id":"7","cell":["09\/12\/11","10:36:57","Communication Established"]},{"id":"8","cell":["09\/12\/11","10:36:57","Monitoring Started"]},{"id":"9","cell":["09\/12\/11","10:30:58","Communication Established"]},{"id":"10","cell":["09\/12\/11","10:30:58","Monitoring Started"]}]}
</code></pre>
<p>[3] My JavaScript:</p>
<p></p>
</code><pre><code>$(document).ready(function(){
// Test Data: All entries double quoted
var userdatatest1 =
{
"total":"1",
"page":"1",
"records":"10",
"rows":[
{"id":"1","cell":["08\/12\/11","21:09:19","Communication Established"]},
{"id":"2","cell":["08\/12\/11","21:09:19","Monitoring Started"]},
{"id":"3","cell":["08\/12\/11","21:02:47","Communication Established"]},
{"id":"4","cell":["08\/12\/11","21:02:47","Monitoring Started"]},
{"id":"5","cell":["08\/12\/11","20:51:40","Communication Established"]},
{"id":"6","cell":["08\/12\/11","20:51:40","Monitoring Started"]},
{"id":"7","cell":["08\/12\/11","20:33:24","Communication Established"]},
{"id":"8","cell":["08\/12\/11","20:33:24","Monitoring Started"]},
{"id":"9","cell":["08\/12\/11","20:23:06","Communication Established"]},
{"id":"10","cell":["08\/12\/11","20:23:06","Monitoring Started"]}]
};
// jqGrid Options: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options
// Pager Options: http://www.trirand.com/jqgridwiki/doku.php?id=wiki:pager
$("#tableGrid").jqGrid({
url:'/eventlogjqgrid',
datatype:'jsonstring',
//datastr: userdatatest1,
colNames:['Date', 'Time', 'Event'],
colModel:[
{name:'dateentry',index:'dateentry',width:150,align:"left",sortable:false,editable:false},
{name:'timeentry',index:'timeentry',width:150,align:"left",sortable:false,editable:false} ,
{name:'evententry',index:'evententry',width:400,align:"left",sortable:false,editable:false}
],
rowNum:10,
rowList:[10,20,30],
sortname:'dateentry',
sortorder:'asc',
pager: jQuery('#tablePager'),
viewrecords: true,
caption: 'Event Log'
});
jQuery("#tableGrid").jqGrid('navGrid', '#tablePager', {edit:false, add:false, del:false, search:false, refresh:false});
});
</code></pre>
正如你从我的 Javascript 中看到的。我有与从服务器发送的 json 相对应的测试 json 数据。测试数据渲染没有问题(参见屏幕截图): http://tinypic.com/r/15s7dyx/5
我真的不介意能够对表中的数据进行分页。我只想能够显示数据并每 5 分钟更新一次。一旦获得要显示的基本数据,我将进行更新。
任何帮助表示赞赏。提前致谢。
最佳答案
如果您将需要用于填充网格的数据直接放置在 HTML 页面上,则不应使用
<div id="logEntries">
userdata = ${userdata}
</div>
HTML 正文内部。数据
<div id="logEntries">
userdata = {"total":"1","page":"1",...}
</div>
你的 JavaScript 代码无法很好地阅读。相反,您可以在页面头部包含类似的内容
<script type="text/javascript">
var mygriddata = {"total":"1","page":"1",...};
</script>
在这种情况下,全局变量将被设置(window.mygriddata
)并且可以被放置在头部下方的其他JavaScript代码使用。顺便说一下,上面的赋值正在初始化。 JSON 数据是字符串,如下所示:
var mygriddata = '{"total":"1","page":"1",...}';
语句 var mygriddata = {"total":"1","page":"1",...}
直接定义对象而不是字符串。所以你可以按照 JavaScript 语法并将代码重写为
<script type="text/javascript">
var mygriddata = {
total: "1",
page: "1"//, ...
};
</script>
现在您将能够使用 datatype:'jsonstring'
和 datastr: mygriddata
来填充网格。 datastr
的值可以是字符串或对象。如果您想使用 JSON 而不是对象初始化,则应修改代码以在 ${userdata}
上包含 '
:
<div id="logEntries">
userdata = '${userdata}'
</div>
如果您想使用 datatype:'json'
并从每个 Ajax 的 servlet 获取 JSON 数据,服务器代码不应编写服务器响应的正确正文 HttpServletResponse
但另外至少将响应 header 的 Content-Type
设置为 application/json
:
aResponse.setContentType("application/json");
我不使用 Java,因此我无法在服务器代码方面为您提供更多帮助。
关于java - jqGrid 未填充来自 Java Servlet 的 JSON 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8445171/
我找到了 this excellent question and answer它以 x/y(加上 center x/y 和 degrees/radians)开始并计算旋转- 到 x'/y'。这个计算很
全部: 我已经创建了一个 Windows 窗体和一个按钮。在另一个线程中,我试图更改按钮的文本,但它崩溃了;但是如果我尝试更改按钮的颜色,它肯定会成功。我认为如果您更改任何 Windows 窗体控件属
本网站的另一个问题已证实,C 中没有缩写的字面后缀,并且可以执行以下操作: short Number = (short)1; 但是转换它和不这样做有什么区别: short Number = 1; 您使
我有下表: ID (int) EMAIL (varchar(50)) CAMPAIGNID (int) isSubscribe (bit) isActionByUser (bit) 此表存储了用户对事
也就是说,无需触发Javascript事件即可改变的属性,如何保留我手动选中或取消选中的复选框的状态,然后复制到另一个地方? 运行下面的代码片段并选中或取消选中其中的一些,然后点击“复制”: $('#
我在网上找到的所有关于递增指针导致段错误的示例都涉及指针的取消引用 - 如果我只想递增它(例如在 for 循环的末尾)并且我不在乎它是否最终进入无效内存,因为我不会再使用它。例如,在这个程序中,每次迭
我有一个 Spring MVC REST 服务,它使用 XStream 将消息与 XML 相互转换。 有什么方法可以将请求和响应中的 xml(即正文)打印到普通的 log4j 记录器? 在 Contr
做我的任务有一个很大的挑战,那就是做相互依赖的任务我在这张照片中说的。假设我们有两个任务 A 和 B,执行子任务 A1、A2 和 B1、B2,假设任务 B 依赖于 A。 要理想地执行任务 B,您应该执
通过阅读该网站上的几个答案,我了解到 CoInitialize(Ex) should be called by the creator of a thread 。然后,在该线程中运行的任何代码都可以使
这个问题已经困扰我一段时间了。我以前从未真正使用过 ListViews,也没有使用过 FirebaseListAdapters。我想做的就是通过显示 id 和用户位置来启动列表的基础,但由于某种原因,
我很难解释这两个(看似简单)句子的含义: “受检异常由编译器在编译时检查” 这是什么意思?编译器检查是否捕获了所有已检查的异常(在代码中抛出)? “未经检查的异常在运行时检查,而不是编译时” 这句话中
我有一个包含排除子字符串的文本文件,我想迭代该文件以检查并返回不带排除子字符串的输入项。 这里我使用 python 2.4,因此下面的代码可以实现此目的,因为 with open 和 any 不起作用
Spring 的缓存框架能否了解请求上下文的身份验证状态,或者更容易推出自己的缓存解决方案? 最佳答案 尽管我发现这个用例 super 奇怪,但您可以为几乎任何与 SpEL 配合使用的内容设置缓存条件
我有以下函数模板: template HeldAs* duplicate(MostDerived *original, HeldAs *held) { // error checking omi
如果我的应用程序具有设备管理员/设备所有者权限(未获得 root 权限),我如何才能从我的应用程序中终止(或阻止启动)另一个应用程序? 最佳答案 设备所有者可以阻止应用程序: DevicePolicy
非常简单的问题,但我似乎无法让它正常工作。 我有一个组件,其中有一些 XSLT(用于导航)。它通过 XSLT TBB 使用 XSLT Mediator 发布。 发布后
我正在将一个对象拖动到一个可拖放的对象内,该对象也是可拖动的。放置对象后,它会嵌套在可放置对象内。同样,如果我将对象拖到可放置的外部,它就不再嵌套。 但是,如果我经常拖入和拖出可放置对象,则可拖动对象
我正在尝试为按钮和弹出窗口等多个指令实现“取消选择”功能。也就是说,我希望当用户单击不属于指令模板一部分的元素时触发我的函数。目前,我正在使用以下 JQuery 代码: $('body').click
我从 this question 得到了下面的代码,该脚本用于在 Google tasks 上更改 iframe[src="about:blank"] 内的 CSS使用 Chrome 扩展 Tempe
我有一些 @Mock 对象,但没有指定在该对象上调用方法的返回值。该方法返回 int (不是 Integer)。我很惊讶地发现 Mockito 没有抛出 NPE 并返回 0。这是预期的行为吗? 例如:
我是一名优秀的程序员,十分优秀!