2016-09-29 83 views
2

如何爲添加新行和iggrid本身創建單獨的觸發器?我希望能夠在編輯器打開的情況下選擇(單擊)一行,但同時我想單擊添加新行按鈕並單擊打開編輯器。我還想將dblclick事件掛接到該行並打開編輯器。iggrid添加新行事件

所需的事件

  • 添加新行按鈕:點擊
  • 行編輯:DBLCLICK
  • 行選擇:點擊

到目前爲止,我有以下的設置,但它是適用於整個網格包括添加新行按鈕。 如下圖所示,行編輯通過dblclick(good)和通過單擊(好)選擇的行起作用 但是,我仍然需要雙擊添加新行按鈕。我如何觸發編輯器對話框的打開?

enter image description here

更新

我無法弄清楚如何直接訂閱到電網事件,但我能夠使用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);

現在,當我上添加行單擊此火災,並增加了一個行,但該數據的ID,現在所有的零和點擊行選擇所有的添加的行和dbl單擊一行只會選擇添加的第一個。

enter image description here

回答

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

如果我設置爲DBLCLICK Updating事件屬性[startEditTriggers]也使頭僅監聽一個dblClick也是如此。我希望標頭偵聽單擊事件(單個),並響應添加新行,並偵聽dbl單擊並響應編輯行。 – monkeyjumps

+1

@monkeyjumps兩個事件在網格中分開。 rowAdding對應於添加新行標題中的單擊,editRowStarting對應於將現有行放入編輯模式的交互。 –

+0

但我如何分別觸發它們?我想通過單擊觸發rowAdding,並在dbl上單擊editRowStarting單擊 – monkeyjumps