javascript - iggridupdating エディター フォーカスで jquery ダイアログを開く方法

Question

Ignite UI gridを使用しています。新しい行の挿入または更新で特定のエディターがフォーカスされている場合、ダイアログを開く必要があります。編集モードは「行」です。

ダイアログを開くことができ、これにeditCellStartedイベントを使用し、エディタを focus イベントにバインドしています。コードは次のとおりです。

             $("#Grid").igGrid({
                       primaryKey: "keyCode",                           
                       autoCommit: true,
                       columns: _getColumnsResult,                           
                       features: [
                        {
                            name: 'Updating',                               
                            columnSettings: updateColSettings,                                
                            editMode: 'row',                                
                            editCellStarted: function (evt, ui) {
                              if(ui.columnKey=="Demo")
                             { 
                               $("#" + ui.columnkey + " input").bind('focus', { id: ui.columnIndex}, function (e) {                                          
                                $("dialog1").dialog();                                            
                               });                                  
                             }                                                                   
                            },          
                        }, //Updating feature ended                  
                        {
                            name: "Sorting",
                            type: "local",
                        },
                        {
                            name: "Selection",
                            mode: "row",
                            rowSelectionChanged: function (evt, ui) { Selectedrow = ui.row.index }
                        }]
                    });

問題: [ 新規追加] をクリックすると、その特定の列が最初の列である場合、フォーカスがダイアログに移動し、エディターに戻ります。フォーカスがダイアログに残りません。

ただし、列が最初の列以外の場合、コードは正常に機能しています。

これを達成するのを手伝ってください。前もって感謝します。

ここにフィドルがあります。