个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我正在尝试动态创建网格。我的目标是创建一种动态前端来显示一些数据库表。所以我需要动态添加/删除列。我需要动态更改列的数据类型。
我使用 a similar question 中提供的脚本作为答案。
我构建了网格，它显示了我的列。但没有数据加载到网格中。 Firebug 显示请求被触发。返回正确的 json 数据。事实上 grid 也会触发 gridComplete 事件。但没有显示任何数据:-(
有人遇到过这个问题吗？我花了一整天的时间调整 jsonReader 和 colModel 但没有效果
我的示例 html 文件:
<!doctype html>
<html>
<link href="../styles/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/base/jquery-1.4.2.js"></script>
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/base/jquery-ui.js"></script>
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/plugins/jquery.form.js"></script>
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/plugins/jquery.subscribe.js"></script>
<link rel="stylesheet" href="../themes/showcase/jquery-ui.css"
type="text/css" />
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/plugins/jquery.jqGrid.js"></script>
<script type="text/javascript"
src="/struts2-jquery-grid-showcase/struts/js/struts2/jquery.struts2.js"></script>
<script type="text/javascript" src="../js/refData.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery.struts2_jquery.debug = true;
jQuery.struts2_jquery.loadAtOnce = true;
jQuery.scriptPath = "/struts2-jquery-grid-showcase/struts/";
jQuery.struts2_jquery.minSuffix = "";
jQuery.ajaxSettings.traditional = true;
jQuery.ajaxSetup ({
cache: false
});
$.ajax(
{
type: "POST",
url: "/struts2-jquery-grid-showcase/refData-table.action",
data: "",
dataType: "json",
success: function(result)
{
colD = result.gridModel;
colN = result.colNames;
colM = result.colModel;
jQuery("#refData").jqGrid({
jsonReader : {
cell: "",
id: "0"
},
url: 'SomeUrl/Getdata',
datatype: 'jsonstring',
mtype: 'POST',
datastr : colD,
colNames:colN,
colModel :colM,
pager: jQuery('#pager'),
rowNum: 5,
rowList: [5, 10, 20, 50],
viewrecords: true,
loadComplete: function(data){alert('loaded');},
loadError: function(xhr,status,error){alert('error');}
})
},
error: function(x, e)
{
alert(x.readyState + " "+ x.status +" "+ e.msg);
}
});
setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
});
</script>
<h2>Maintain Reference Data</h2>
<table id="refData">
<tr>
<td />
</tr>
</table>
<div id="pager"></div>
</html>
我的 json 数据:
{"JSON":"success","colModel":[{"editable":true,"edittype":"integer","index":"userInfoId","jsonmap":"userInfoId","key":false,"name":"userInfoId","resizable":true,"search":false,"sortable":true,"width":300},{"editable":true,"edittype":"text","index":"UserID","jsonmap":"userID","key":true,"name":"userID","resizable":true,"search":false,"sortable":true,"width":300}],"colNames":["UserInfo ID","User ID"],"gridModel":[{"userID":"SMI","userInfoId":5},{"userID":"ABC","userInfoId":7},{"userID":"PQR","userInfoId":8},{"userID":"FUR","userInfoId":10},{"userID":"COO","userInfoId":13}],"page":1,"records":56,"rows":15,"sidx":null,"sord":"asc","total":0}
最佳答案
在我看来，您忘记将 {} 作为 gridModel 的包含。目前数据看起来像
{
"JSON": "success",
"colModel": [
...
],
"colNames": [ "UserInfo ID", "User ID" ],
"gridModel": [
{"userID": "SMI","userInfoId": 5},
{"userID": "ABC","userInfoId": 7},
{"userID": "PQR","userInfoId": 8},
{"userID": "FUR","userInfoId": 10},
{"userID": "COO","userInfoId": 13}
],
"page": 1,
"records": 56,
"rows": 15,
"sidx": null,
"sord": "asc",
"total": 0
}
而不是
{
"JSON": "success",
"colModel": [
...
],
"colNames": [ "UserInfo ID", "User ID" ],
"gridModel": { [
{"userID": "SMI","userInfoId": 5},
{"userID": "ABC","userInfoId": 7},
{"userID": "PQR","userInfoId": 8},
{"userID": "FUR","userInfoId": 10},
{"userID": "COO","userInfoId": 13}
],
"page": 1,
"records": 56,
"rows": 15,
"total": 0
}
}
使用“jsonmap”似乎我也不是真正需要的。
关于jquery - JQGrid colModel 和数据的动态填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3867459/
30
4
0
我的 jqgrid 中有一个状态栏。 如果状态为事件，我希望同一行中的另一个单元格为绿色。如果状态为“未激活”，我希望单元格为红色。 如何做到这一点？ 截至目前，我已经在“图像”行上创建了一个自定义格
我正在使用 jqgrid 显示服务器中存在的数据如何在鼠标悬停工具提示上显示数据描述。 这是在 jqgrid 上显示工具提示的最佳方式？ 最佳答案 鼠标悬停时 jqGrid 中显示的工具提示只不过是相
我有一个 asp.net 项目，它使用 jqgrid 作为 javascript 网格。如何找出正在使用的 jqgrid 版本？ 最佳答案 如果您需要以编程方式查询版本，您可以使用: $.jgrid.
有没有办法以编程方式(在 Javascript 中，而不是服务器端)过滤当前显示在 jqGrid 中的数据？所有搜索示例似乎都依赖于使用 jqGrid 自己的搜索 UI，这对我不起作用。例如，我希望能
有没有一种方法可以切换网格的multiselect选项？ 如果在创建网格时multiselect不是multiselect，则更改网格的TRUE参数并要求重新加载具有禁用或不创建标题列时将标题留在后面
我在jqGrid中使用列重新排序功能 $grid = jQuery("#list").jqGrid({ sortable:true, ... }); 重新排列列后是否会触发事件？如果有
我正在构建我的第一个ASP.NET MVC 3应用程序并使用jqGrid。我的其中一个列“Flavor Created”是日期列，我想使用DatePicker过滤该列上的网格。当前发生的情况是:用户单
我试图基于选定的行启用导航。因此，用户从jQgrid中选择一行，然后按show(有一个显示网格的按钮，我看到了edit，add等)，它需要根据url转到新页面(该行的一部分) )。 $(documen
有没有办法设置 jqgrid 列的固定宽度(最大和最小)？ 我已经在 colmodel 中设置了宽度属性，但是如果我调整网格的大小，列正在调整。 最佳答案 不能定义列的最大和最小宽度，但可以使其具有固
我被困在这里-生产前要做的最后一件事。 来自oracle的日期采用以下格式：“ 8/14/2012 10:46:48 AM” 我在jqgrid上使用以下内容： { name: 'CreationDat
我是 jqGrid 的新手，谁能解释一下 jqgrid colModel 中 Index 属性的用途 最佳答案 如果您使用datatype: "json" 或datatype: "xml" 没有额外使
我正在学习 jqGrid，希望最终能将它连接到 Redis 数据库。作为第一步，我正在处理本地数据。这是我必须使用可排序行(在网格中拖放行)。网格出现并且看起来不错，列甚至可以排序，但我无法选择一行并
我想每 5 分钟重新加载一次 jqgrid(给定间隔时间)，是否有任何选项/事件。如何做到这一点？ 最佳答案 您可以使用setInterval JavaScript函数进行自动刷新 var grid
我正在学习 jqGrid，希望最终能将它连接到 Redis 数据库。作为第一步，我正在处理本地数据。这是我必须使用可排序行(在网格中拖放行)。网格出现并且看起来不错，列甚至可以排序，但我无法选择一行并
大家好，我正在使用 JQ Grid，我得到的日期格式是 2012-09-16T00:00:00，就像这样。我希望日期格式采用 2012-09-16 方式。我试图改变它，但它不起作用。请查看我的代码并告
当我搜索 JQGrid 使用的图标时，我找到了包含所有图标的单个 PNG 文件。我想知道它如何使用图像的一部分作为 JQGrid 中使用的按钮的图标。 最佳答案 jqGrid 使用来自 jQuery
我使用 loadonce 预先获取所有数据，然后在本地进行排序和过滤。 我的列值之一是一个对象数组。在 colModel 选项中，我使用了如下所示的格式化程序函数: function my_forma
我想要在 jqGrid 中右键单击列标题时的列名称。任何代码将不胜感激。 最佳答案 可以绑定(bind)contextmenu事件到所有列标题。每个标题都是 元素等它的 DOM 支持 cellInde
我想计算总计 无需在 calctotal.php 中执行即可即时完成。从本质上讲，这是一个计算列。我想使用一些事件，如 afterInsertRow ，但即使没有事件，它也会将列数据移动一格，因为 X
我有一些数据想在 jqqgrid 中显示。除了添加、编辑和删除之外，还可以对选定记录执行其他操作。我喜欢在该记录的行中有一个用于该操作的按钮/链接的流程。有没有办法在 jqgrid 中添加未绑定(bi
我是一名优秀的程序员,十分优秀！