iggrid 添加新行事件

Question

如何为添加新行和 iggrid 本身创建单独的触发器？我希望能够在不打开编辑器的情况下 select（单击）一行，但同时我想单击添加新行按钮并单击打开编辑器。我还想将 dblclick 事件挂接到该行并打开编辑器。

期望的事件

添加新行按钮：点击
行编辑：dblclick
行select：点击

到目前为止，我有以下设置，但它应用于整个网格，包括添加新行按钮。如下所示，行编辑通过 dblclick 进行（良好），行 select 通过单击进行编辑（良好）但是，我仍然需要双击添加新行按钮。如何触发编辑器对话框的打开？

更新

我不知道如何直接订阅网格事件，但我能够使用 jquery 在添加行上创建一个 onclick 处理程序 header。

        rendered: function(evt, ui) {
          console.log("rendered");
          var ds = $("#groupMappingTable").igGrid("option", "dataSource");
          console.log("datasource");
          console.log(ds);
          $("#groupMappingTable > thead > tr.ui-iggrid-addrow.ui-widget-header > td")
            .on('click',
              function(e) {
                var obj = $("#groupMappingTable").igGridUpdating("startAddRowEdit", e);
                console.log("grid updating");
                console.log(obj);
              });
        },

我必须在呈现的回调中注册。从这里我触发以下

var obj = $("#groupMappingTable").igGridUpdating("startAddRowEdit", e);

现在，当我点击添加行时，它会触发并添加一行，但是 data-id 现在全为零，然后点击该行 select 所有添加的行，然后 dbl 点击一个只有第一个添加的行 select。

Answer 1

igGrid.

已经公开了所有这些事件

Row adding:

//Initialize
$(".selector").igGrid({
    features : [
        {
            name : "Updating",
            rowAdding: function(evt, ui){ ... }
        }
    ]
});

Row Editing:

//Initialize
$(".selector").igGrid({
    features : [
        {
            name : "Updating",
            editRowStarting: function(evt, ui){ ... }
        }
    ]
});

Row Selected:

//Initialize
$(".selector").igGrid({
    features : [
        {
            name : "RowSelectors",
            rowSelectorClicked: function(evt, ui){ ... }
        }
    ]
});

iggrid 添加新行事件

iggrid Add New Row event

javascript

jquery

infragistics

ignite-ui

iggrid