2

ボックスで選択された列に従って表示される行をフィルタリングするヘッダーにドロップダウンリストボックスを備えたデータテーブルを作成したかったのです。ここの例を変更して、ヘッダーにドロップダウン リスト ボックスを表示するように列フィルタリングの例を示しました。

   /* Add a select menu for each TH element in the table footer */
   //   $("tfoot th").each( function ( i ) {
      $("thead th").each( function ( i ) {
       ...

正常に動作しますが、ドロップダウン リスト ボックスをクリックすると並べ替えが実行されます。ドロップダウンでアクションを実行しているときに並べ替えを無効にし、ドロップダウンの一部ではないセル内の任意の場所をクリックしたときに並べ替えをトリガーすることは可能ですか?

ありがとう。

4

2 に答える 2

3
$("thead th").each( function ( i ) {
    this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
    $('select', this).change( function () {
        oTable.fnFilter( $(this).val(), i );
    } );
    $('select', this).click( function (event) {
        event.stopPropagation();
    } );
} );
于 2013-01-16T01:37:20.440 に答える
0

ソート呼び出しの選択または削除のonChangeイベントを処理しないでください。セル内のクリックイベントをバインドできると思います。そうでない場合は、クリックイベントを処理できる各セルにアンカータグを含めるようにテーブルをフォーマットします。

于 2012-10-23T05:59:15.827 に答える