4

我正在尝试创建一个隐藏列，该列将包含行的唯一“id”作为属性，例如“data-id”。因为我似乎无法弄清楚如何检索行后面的数据模型。我正在使用服务器端数据源。

columns: [{
  property: 'hiddencolumn',
  label: '',
  hidden: true   <-- ?????
} .. .. ],

在格式化程序中，我使用了一些占位符标签，可能是一个跨度

$.each(items, function(index, item) {
  item.hiddencolumn = '<span data-id="' + item.id + '"</span>';
});

然后我在该行中添加一个点击处理程序，然后获取 data-id 列：

$('#MyGrid').on('loaded', function() {
  $('#MyGrid > tbody > tr').click(function() {
    console.log($(this).find('> td > span').attr('data-id'));
  });
});

它是否正确？或者我应该尝试将 data-id 添加到 tr 标签/行本身？上述概念有效，但我只需要知道如何隐藏该列:)

谢谢

编辑 4 月 14 日 - 这是我为解决这个问题所做的。使用 data-id 并隐藏现有列中的跨度。对我来说，我的模型中有一个“日期”和“ID”字段。我选择将 id 标记到日期字段上。

formatter: function(items) {
  $.each(items, function(index, item) {
    item.date = item.date + '<span style="visibility: hidden;" data-id="' + item.id + '"/>';
  });
}

然后像这样检索id（使用jquery）

$('#MyGrid').on('loaded', function() {
  $('#MyGrid > tbody > tr').click(function() {
    console.log($(this).find('> td > span').attr('data-id')); // value is here
  });
});

好的？

4

1 回答 1

2

该columns属性仅适用于可见列。所以，听起来你会想要删除它，并在你的格式化程序中data-id为你的其他（可见）列之一创建一个带有属性的跨度。如果有任何按钮或其他控件可以作用于行中的项目，我通常会在最后一列中执行此操作。

于 2013-04-07T00:46:19.070 回答