SlickGrid - カスタムコントロールなしで行を選択

Question

ユーザーが行をクリックして行を選択できるようにするには、アプリケーションの機能が必要です。さらに、の機能を追加したいと考えています。/Shift +クリックして行を選択してください。

各行にチェックボックスを追加して行を選択する例を見ました。私はそのようなチェックボックスをアプリケーションに追加したくありません。

は私がhttp://groups.google.com/group/slickgrid/browse_thread/thread/96a5291161d41efa

がここに物事のより良い方法があるです歳ですが、私の質問に答えるように思われるリンクを介して来ましたの？

Answer 1

SlickGrid DOMは、静的ではありません - それを修正することは避けてください直接。

この機能は、プラグイン可能なSelectionModelを介してSlickGridに既に組み込まれています。ディストリビューションには、Slick.CellSelectionModelとSlick.RowSelectionModelの2つの選択モデルが含まれています。あなたがする必要があるのは、

grid.setSelectionModel（new Slick.RowSelectionModel（））です。

たとえば、http://mleibman.github.com/SlickGrid/examples/example9-row-reordering.htmlを参照してください。

Answer 2

これは83Kbのファイル（JSのみ）ですが、これは恐ろしいことではありませんが、あなたがしようとしているものにはかなり大きなものです。あなたがしたいすべてがctrl+shiftが開催されたダウンしている場合tr要素をクリックすると、あなたは、コードの83キロバイトよりもはるかに少ない使用することができますしながら、テストがある場合

//select the parent table element, then select its child (the `tbody` element) then get its children which will be the `tr` elements 
$('table').children().children().on('click', function (event) { 

    //check to see if ctrl+shift is being held while this click occured 
    if (event.ctrlKey === true && event.shiftKey === true) { 

     //if ctrl+shift were held during the click then you know this element has been selected 
     //and you can do what you need, in this demo I'm just adding a class to denote that the element has been selected 
     $(this).toggleClass('selected'); 
    } 
}); 

あなたが見ることができるように、（上記のデモは600のバイトです）。ここで

はデモです：.on()はjQueryの1.7であり、この場合には新しいものであることをhttp://jsfiddle.net/YZytJ/

注.bind()を使用するのと同じです：http://api.jquery.com/on