iggrid Добавить новую строку события

Question

Как создать отдельные триггеры для добавления новой строки и самого iggrid? Я хочу, чтобы иметь возможность выбирать (один клик) строку с открытым редактором, но в то же время я бы хотел нажать кнопку добавления новой строки и открыть редактор одним щелчком мыши. Я также хотел бы подключить событие dblclick к строке и открыть редактор.

Нужные события

• кнопку Добавить строку: нажмите
• редактирования строки: DblClick
• строка выбора: нажмите

До сих пор у меня есть следующие настройки, но она применяется к вся сетка, включая кнопку добавления новой строки. Как показано ниже, редактирование строк работает с помощью dblclick (хорошо) и строки, выбранной одним щелчком мыши (хорошо) Однако мне все же нужно дважды щелкнуть кнопку добавления новой строки. Как вызвать открытие диалогового окна редактора?

Update

Я не мог понять, как подписаться непосредственно в случае сетки, но я был в состоянии использовать JQuery, чтобы создать обработчик OnClick на заголовке добавить строки.

 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);

Теперь, когда я нажимаю на надстройке подряд этот огонь и добавляет строку, но данные идентификатор теперь все равны нулю, и щелкнув на строке выбирает все добавленные строки и dbl, нажимая на строку, выбирают только первый.

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){ ... } 
        } 
    ] 
});