gpt4 book ai didi

jquery - 使用 jqGrid 在表行上创建数据属性

转载 作者:行者123 更新时间:2023-12-01 05:02:36 26 4
gpt4 key购买 nike

我正在尝试阅读 jQuery 插件 jqGrid但在浏览文档和演示时,我的能力不足。

我想要完成的是使用 JSON 数据的某些部分在列中显示,并使用其他部分在每个表行上创建 HTML5 数据属性。但是,我无法弄清楚 jqGrid 是否可以处理这个问题,如果可以,如何处理。

我想做的事情的一个例子:

来自以下数据(为了可读性添加了空格)

[
{
'id': 1,
'type': 0,
'name': 'first',
'address': '1524, 3rd street',
'X': 18.0068922,
'Y': 59.31076795
},
{
'id': 7819,
'type': 0,
'name': 'not first',
'address': 'South Corner',
'X': 144.18457031,
'Y': -22.20774917
}
]

我想创建下表:

<table>
<thead>
<th>Name</th>
<th>Address</th>
</thead>
<tbody>
<tr data-id="1" data-type="0"
data-x-coord="18.0068922" data-y-coord="59.3107695">
<td>first</td>
<td>1524, 3rd street</td>
</tr>
<tr data-id="7819" data-type="0"
data-x-coord="144.18457031" data-y-coord="-22.20774917">
<td>not first</td>
<td>South Corner</td>
</tr>
</tbody>
</table>

如您所见,数据属性可能会或可能不会与行中的属性命名相同。此外,本示例中未显示,一些属性将用于在表中显示和数据属性。

提供 JSON 数据的 API 已在其他地方使用,因此我无法更改它。对数据属性的要求也是由其他地方使用的另一个(自行编写的)jQuery 插件定义的,因此它们也不能更改。

有什么办法可以用 jqGrid 来完成这个任务吗?如果是这样,怎么办?如果没有,我有什么选择?

最佳答案

您可以使用afterInsertRow事件来获取插入网格的每一行,然后根据需要修改它们(使用 jQuery.attr() 添加自定义属性)。

关于jquery - 使用 jqGrid 在表行上创建数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8679990/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com