javascript - 我们可以操作jqgrid分配的id吗？-6ren

javascript - 我们可以操作jqgrid分配的id吗？

转载作者：行者123 更新时间：2023-11-28 01:47:00

我有 3 个 jquery 选项卡，它们加载具有不同数据的相同 jqgrid 结构。我在 jqgrid 中有一个过滤器工具栏。其中几个字段是日期字段，因此我有一个日期选择器供用户选择要过滤的日期。

日期选择器在第一个选项卡的网格中工作正常，但在其他选项卡中会中断。所选日期未填充在搜索字段中。

选项卡和网格的外观如下: enter image description here

在“待处理”选项卡中，日期选择器工作正常。但在“已批准的步骤”和“附加步骤”选项卡中出现中断。

我注意到 jqgrid 分配给日期搜索字段的 id 对于所有三个选项卡中的网格都是相同的。当我单击第二个选项卡和网格时，由于第一个选项卡的网格位于 DOM 中，是否可能会破坏日期选择器？有什么想法吗？

更新:

 { name: 'vpReportDate', index: 'vpReportDate',datefmt:"m/d/Y", sorttype:"date", width: 65, searchoptions:{dataInit:showDatePicker}, sortable:true },

最佳答案

我还将 jQGrid 与 jQuery UI 选项卡一起使用，并且我已经了解到每个网格(因为它可以同时位于 DOM 中)将需要不同的列名称/索引。

您可以通过执行以下操作更改搜索字段的ID:

$("#tabs-tabID #gs_vpReportDate").attr("id", "#gs_vpReportDate_2");

将 #tabs-tabID 更改为您的 jQuery UI 选项卡的 ID。

但是，这会破坏搜索功能，因为您正在更改 jQGrid 的默认设置。

这里真正的问题不是日期选择器的 ID，而是每个网格上所有搜索字段的 ID 都相同(因为 colModel 中的名称/索引在每个选项卡中都相同)。

尽管您可能不喜欢听到这个，但最安全的做法是更改每个网格的每个列的名称/索引，这将在将来为您省去很多麻烦。由于这些网格将同时驻留在 DOM 中，因此您不能在 colModel 中重复名称/索引，否则类似的情况将继续困扰您。

我会做的(并且在我自己的工作中所做的)只是在每列的每个名称前面添加一些内容 - 而不仅仅是日期列你的colModel。就像这样:

待定网格:

name: 'pending_vpReportDate', index: 'vpReportDate'

批准的网格:

name: 'approved_vpReportDate', index: 'vpReportDate'

其他步骤网格:

name: 'additional_vpReportDate', index: 'vpReportDate'

关于javascript - 我们可以操作jqgrid分配的id吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20152609/