2017-09-20 5 views
0

私は滑らかなグリッドを使用していますが、これは優れていますが、止まらないような小さな問題があります。Slickグリッド2グリッドが表示され、2番目のグリッドにフォーカスが失われます

2つのグリッドを表示します.1つは編集可能で、アイテムは「承認済み」であるため、読み取り専用の2番目のグリッドに移動します。

しかし、テスト中にチェックボックスがある2番目のグリッド内のセルをクリックすると、セル内でチェックボックスがクリックされた場合、フォーカスが最初のグリッドにリセットされることが明らかになりました。他の場所をクリックすると何もしませんが、チェックボックスをクリックするとフォーカスが移動します。値を変更することはありませんが、焦点をずらしてしまいます。私がフォーマッタを取り除くと、フォーカスがシフトしません。

アイデア?

私はカスタムフォーマッタのいくつかの並べ替えを見ている必要がありますか?

必要に応じて、スクリーンショットやコードを提供できます。両方のグリッドは独立して定義されています。チェックボックス(読み取り専用、エディタなし)がクリックされているため、この小さな問題とは別に、実際にはうまく動作します。そのセル内の他の場所や他のセルをクリックすると、何も行われません。

私はbeforeEditイベントを処理してそれを無視しようとしました。私が紛失しているものがあるかどうか疑問に思うだけです。おそらくあります!

おかげ

答えて

2

(OPに代わって投稿)

私は、カスタムフォーマッタを使用して、それを解く:

function customFormatter(row,cell,value,columnDef, dataContext) { 

    console.log('value '+ value); 

    if(value == true) 
    { 
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding' checked>" 
    } 
    else 
    { 
    return "<input type='checkbox' onclick='return false;' id='coding' name='interest' value='coding'>" 
    } 

} 

チェックボックスがまだ表示されているが、彼らは第2のグリッドは第1グリッドにフォーカスを失うことはありません:)

関連する問題