1

colvis と multi search を一緒に使用していますが、いくつか問題があります..

ケース:
1. [レンダリング エンジン] のチェックを外し、エンジン バージョン (たとえば、データ データ 6 または 7) に対して複数検索を使用すると、データが得られません。
2.CSSグレードのマルチ検索の場合、まったく検索しません

ここでjsfiddleを作成しましたhttp://jsfiddle.net/cyVjh/

使用したスクリプト

//Search 
$("tfoot input").keyup(function () {
    /* Filter on the column (the index) of this element */
    oTable.fnFilter(this.value, $("tfoot input").index(this));
});

/*
 * Support functions to provide a little bit of 'user friendlyness' to the textboxes in 
 * the footer
 */
$("tfoot input").each(function (i) {
    asInitVals[i] = this.value;
});

$("tfoot input").focus(function () {
    if (this.className == "search_init") {
        this.className = "";
        this.value = "";
    }
});

$("tfoot input").blur(function (i) {
    if (this.value == "") {
        this.className = "search_init";
        this.value = asInitVals[$("tfoot input").index(this)];
    }
});
4

1 に答える 1

1

私も同じ問題に直面し、同じ解決策を見つけました。

ビュー (HTML) ファイルの検索テキスト ボックスに列 ID を手動で渡す必要があります。

EGのように。

<table cellpadding="0" cellspacing="0" border="0" id="listingentries">
  <thead>
    <tr>
      <td>column1<td>
      <td>column2<td>
      <td>column3<td>
    </tr>
  </thead>

  <tbody>
    <tr> 
      <td>val1<td>
      <td>val2<td>
      <td>val3<td>
    </tr>
    .
    .
    .
  </tbody>

  <tfoot>
    <tr>

      <!-- HERE I HAVE ADDED ID TO TEXT BOXES WHICH SHOWS COLUMNS SEQUENCE -->

      <td><input id='0' type='text' title='Search column 1' /><td>
      <td><input id='1' type='text' title='Search column 2' /><td>
      <td><input id='2' type='text' title='Search column 3' /><td>
    </tr>
  </tfoot>
</table>

ここで、JS スクリプトを次のように変更する必要があります。

//Search 
$("tfoot input").keyup(function () {
    /* Filter on the column (the index) of this element */

    //COMMENT THIS LINE
    //oTable.fnFilter(this.value, $("tfoot input").index(this));

    //USE THIS - HERE WE WILL PASS ID WHICH IDENTIFY COLUMN INDEX
    oTable.fnFilter(this.value, this.id); 

});

これは私の側で機能しています。

これは、通常の Javascript 検索とサーバー側検索の両方で機能します。

これがあなたにとってもうまくいくことを願っています。

ありがとうございました。

于 2014-01-29T09:04:18.650 に答える