Question

我有slickgrid的二合一示例！更准确地说，我将示例16（行详细信息）与“打勾”复选框行选择的示例结合在一起。问题是，当我对行进行分组并尝试打开详细信息时，它将在具有7行（空）的网格上添加一个空值。为什么在开始时添加一个空行？我刚刚用下面的代码实现了...如果我不分组，那就可以了！但是，如果我分组并开始查看详细信息，它将在页面顶部创建空的X行！

我尝试了很多示例，但是它们都具有相同的行为：当我打开一些细节时，它将创建空行。

这只是示例的常规命令：

function groupPerComplete() {
      console.log("group%complete");
    dataView.setGrouping({
    getter: "percentComplete",
    formatter: function (g) {
      return "%Complete:  " + g.value + "%  <span style='color:green'>(" + g.count + " items)</span>";
    }
  });
}

这是我绘制表格的地方：

function loadView(itemDetail) {
      console.log("Kappa" +itemDetail);
      return [
        '<div>',
        '<h4>' + itemDetail.title + '</h4>',
        '<div class="detail">',
        '<label>Assignee:</label> <input id="assignee_' + itemDetail.id + '" type="text" value="' + itemDetail.assignee + '"/>',
        '<span style="float: right">Find out who is the Assignee <button id="who-is-assignee_' + itemDetail.id + '">Click Me</button></span></div>',
        '<div class="detail"><label>Reporter:</label> <span>' + itemDetail.reporter + '</span></div>',
        '<div class="detail"><label>Duration:</label> <span>' + itemDetail.duration + '</span></div>',
        '<div class="detail"><label>% Complete:</label> <span>' + itemDetail.percentComplete + '</span></div>',
        '<div class="detail"><label>Start:</label> <span>' + itemDetail.start + '</span></div>',
        '<div class="detail"><label>Finish:</label> <span>' + itemDetail.finish + '</span></div>',
        '<div class="detail"><label>Effort Driven:</label> <span>' + itemDetail.effortDriven + '</span></div>',
        '<div class="detail"><label>Effort Driven:</label> <span>' + itemDetail.effortDriven + '</span></div>',
        '</div>'
      ].join('');
    }

预期行明细示例以显示明细“干净”。相反，我在页面顶部显示了一个空行，如果我打开多个行，它将隐藏一些行。

更新1：据我所知，panelRows: 10中的选项Slick.Plugin.RowDetailsView将更改添加Empy行的数量。

单击行详细信息时，它将向网格添加7个未定义的项目

0 个答案: