SlickGrid で標準の jQuery イベントを使用する方法はありますか? 例えば。
grid = new Grid($("#myGrid"), data, columns, options);
grid.blur(function(){}); // this would be nice
// this will let me add jQuery events to the whole grid, but
// I lose the cell position/data
$("#myGrid").blur(function(){});
前もって感謝します！
短い答えはノーです。
詳しく言うと、SlickGrid は jQuery プラグインではなく、jQuery を拡張するものではありません。これは内部で jQuery を使用する別のコンポーネントです。グリッド インスタンスにイベント ハンドラーを設定することで、サブスクライブできるイベントが明示的に定義されています。一部の「標準」イベントはグリッドによって生成された DOM ノードに適用されますが、それらの使用はお勧めできません。ノードは、スクロール時に SlickGrid によって作成および削除されるため、それらが同じままであることやイベントがそこにあることに依存することはできません。SlickGrid の内部構造を十分に理解している場合を除き、明示的に定義されたイベントに固執することをお勧めします。
最初は、SlickGrid を変更して jQuery イベントを使用することを検討しましたが、やめることにしました。私は SlickGrid のフレームワークとして jQuery を使用することにしましたが、ユーザーに jQuery の学習と使用を強制する必要はありません。これにより、後で別のフレームワークに切り替える柔軟性も得られます。
レンダリングされたコードをいつでも調べて、作成されたコンテナーに .blur() を適用できます。