1

我正在同时使用 colvis 和多搜索,但它有一些问题..

案例:
1. 如果我取消选中“渲染引擎”,并使用多搜索引擎版本(例如数据数据 6 或 7),它不会给出任何数据。
2. CSS等级的multi-serach,它根本不会搜索

我在这里创建了一个 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 回答