iggrid新しい行イベントを追加する

Question

新しい行を追加するためのトリガーとiggrid自体を個別に作成する方法はありますか？私はエディタを開いて行を選択（シングルクリック）できるようにしたいが、同時に新しい行の追加ボタンをクリックして、ワンクリックでエディタを開きたいと思う。私はまた、行にdblclickイベントをフックし、エディタを開くことがあります。

理想のイベント

• 新しい行を追加]ボタン：
• 行の編集をクリックしてください：選択
• 行をDBLCLICK：これまでのところ、私は次のセットアップを持っていますが、それが適用される

をクリックしてくださいグリッド全体に[新しい行を追加]ボタンが表示されます。 以下に示すように、行編集はdblclick（良い）と1回のクリックで選択された行（良い）で動作します しかし、まだ新しい行の追加ボタンをダブルクリックする必要があります。エディタダイアログを開くにはどうしたらいいですか？

更新

私は、グリッドイベントに直接サブスクライブする方法を見つけ出すことができませんでしたが、私は追加行ヘッダ上のonclickのハンドラを作成するためにjqueryのを使用することができました。

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

をトリガ私は追加の行をクリックしたときに今、この火災や行を追加しますが、データ-idは、今ある行のすべてのゼロとクリックすると、すべてを選択し、行を追加して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){ ... } 
        } 
    ] 
});