- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试在我的 MVC 项目中使用 jsGrid,因为客户端想要内联编辑和过滤。但是,我无法让它将 JSON 源加载到表中。我加载表格的 js 看起来像这样:
$("#jsGrid").jsGrid({
height: "50%",
width: "100%",
filtering: true,
inserting: true,
editing: true,
sorting: true,
paging: true,
autoload: true,
pageSize: 10,
pageButtonCount: 5,
deleteConfirm: "Do you really want to delete client?",
controller: {
loadData: function (filter) {
return $.ajax({
type: "GET",
url: "RICInstrumentCode/GetData",
data: filter,
dataType: "json"
});
},
insertItem: function (item) {
return $.ajax({
type: "CREATE",
url: "/api/RICInsrumentCodeTable",
data: item,
dataType: "json"
});
},
updateItem: function (item) {
return $.ajax({
type: "UPDATE",
url: "/api/RICInsrumentCodeTable/" + item.ID,
data: item,
dataType: "json"
});
},
deleteItem: $.noop
//deleteItem: function (item) {
// return $.ajax({
// type: "DELETE",
// url: "/api/data/" + item.ID,
// dataType: "json"
// });
//}
},
fields: [
{ name: "Code", type: "text", title: "RIC Instrument Code", width: 150 },
{ name: "Descr", type: "text", title:"RIC Instrument Code Description", width: 200 },
{ name: "RICInstrumentGroupId", type: "select", title: "RIC Instrument Group", items: countries, valueField: "Id", textField: "Name" },
{ name: "Active", type: "checkbox", title: "Is Active", sorting: true },
{ type: "control" }
]
});
});
loadData 是我一直在研究的内容。
从获取数据返回的 JSON 如下所示:
[{"Id":1,"Code":"test1","Descr":"first code test","RICInstrumentGroupId":2,"Active":true},{"Id":2,"Code":"APP","Descr":"Apples and bananas","RICInstrumentGroupId":4,"Active":true},{"Id":3,"Code":"1","Descr":"1","RICInstrumentGroupId":1,"Active":true},{"Id":4,"Code":"3","Descr":"3","RICInstrumentGroupId":3,"Active":false}]
到目前为止,我已经确认 ajax 正在触发,更改了我的数组标题以匹配调用的标题,并确保返回是有效的 JSON,我还能做什么?为什么这不起作用?
最佳答案
我本来就很傻,设置表格高度的位在没有高度的 div 中设置为 100%,这导致表格主体以 0px 的高度渲染,更改高度属性以自动修复它,因为数据一直都在那里.
谢谢你的建议!
关于javascript - jsGrid 不会渲染 JSON 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41039447/
关于如何清除同名 jqGrid 中的数据有很多答案。 ,但我找不到任何方法来清除 jsGrid 中的数据.我只想删除所有行并将网格重置为默认值,没有行。 我确实看到了 Batch Delete met
在jsgrid中通过ajax提供更新后,该行返回空白 controller: { loadData: function(filter) { var data = $.Defer
我正在从事 lightswitch 项目,我正在使用 JsGrid。我遇到了一个问题,但找不到解决方案。 这是场景:我使用网格从数据库表中获取数据,当我更新其中一个单元格时,除非我再次单击该单元格,否
我想添加多个自定义控制按钮,以便可以向按钮添加自定义单击事件。我遇到的问题是仅显示删除按钮。我希望每行都显示编辑和删除按钮。我有以下代码: $( document ).ready(funct
我最近开始使用 JsGrid,我真的很喜欢它。它交互简单且文档齐全。 我虽然面临一个小问题: 每当我在 JsGrid 应用程序中插入新行时,都会询问我一个 ID。如果此 ID 恰好与已存在的 ID 相
我是 JS 新手,并且一直在我的所有网格中使用 JSGrid。我现在需要添加自定义字段。问题是我不确定是否可以添加 HTML 作为我的数据的一部分。我想做的是添加一个音频控件来播放每个特定行的 MP3
我试图在编辑时将格式值强制到“导入”列中。它应该是一个字符串,表示具有 2 个固定十进制数字的数字。示例:1152.30。这是代码。 HTML JS代码 const ACCOUNT_GRID_FIE
排序功能将不再适用于使用 itemTemplate 和 headerTemplate 的列。 你可以看到来自 here 的 fiddle . 正如您所看到的,在“客户端 ID”列中,排序效果非常好。但
我从网上这个简单的示例中获取了源代码:http://js-grid.com/demos/basic.html . 我通过添加 jsGrid 的完整 CDN 路径来对其进行调整。为了简洁起见,我删除了除
从我所查看的内容来看,我找不到确切的方法。 我尝试过 editTemplate、itemTemplate 并尝试存储 Promise从 $("#jsGrid" + i).jsGrid("updateI
我正在使用 jsGrid 来显示数据。我想用“Alertify”替换默认的删除确认消息。 我尝试替换deleteConfirm:“你确定吗?”具有下面的功能,但它显示一个空的警报框,当我单击“确定”或
下面是我的完整代码。没有错误,并且显示了 Directory is empty。 $(document).ready(function() { $("#table").jsG
我想将 jsgrid 编辑按钮的内置功能从内联编辑器更改为打开另一个页面进行编辑。我不太确定该怎么做。有什么想法可以实现更改默认编辑按钮以加载页面吗?这可能吗?到目前为止我已经: 代码: $
有没有办法在 onPageChanged 回调之后选择网格的第一行?我看到其他网格库有这个功能。 我这样做的目的是每次打开另一个页面时自动将滚动条移动到网格的顶部。 这是否可以单独通过 jsgrid
对于我的一个项目,我必须使用 jsgrid ( http://js-grid.com )。 为了测试如何使用 jsgrid,我想做“入门”示例 ( http://js-grid.com/getting
我正在 Django 中开发一个 Web 项目并使用 jsGrid。我遇到了问题,但找不到解决方案。 我有一个嵌套的 JSON 数据,它是通过组合多个数据库表记录创建的。这是我的 JSON: {
我希望输入筛选字段按预期创建并显示在标题行单元格下方。 在我的 MVC 解决方案中,我通过 AJAX/JSON/GET 填充了 JSGrid。我能够排序并进入 loadData javascript
为什么当我单击下一个选项卡时 jsgrid 呈现错误?我尝试销毁 e 并提高 jsgrid 但没有解决。 $('a[href="#prestador"]').on('show.bs.tab',fun
我正在使用jsGrid并想知道是否可以自定义 editButton 的 onclick 事件。基本上,做一些类似显示模式而不是内联编辑的事情。我知道我们可以像这样获得控制列的 HTML 输出: {
我使用 Ajax 将数据加载到 jsGrid 中。 我有以下代码: $("#jsGrid").jsGrid({ width: "100%", height: "100%", a
我是一名优秀的程序员,十分优秀!