javascript - jquery-bootgrid 如何在隐藏列中搜索

Question

我在 jQuery - BootGrid 表中有两个隐藏列，我不想显示它，但我想在搜索器中按这两列进行搜索。我该怎么做？我尝试添加 data-visible="false"data-searchable="true"data-identifier="true" 但这不起作用。

Answer 1

目前 Bootgrid 的工作方式(版本 1.3.1)，它只搜索可见的列，在这里查看它们的源代码:

jquery.bootgrid.js

for (var i = 0; i < that.columns.length; i++)
{
    column = that.columns[i];
    if (column.searchable && column.visible &&
        column.converter.to(row[column.id]).search(searchPattern) > -1)
    {
        return true;
    }
}

我觉得这很奇怪。我认为他们应该默认设置隐藏时不可搜索的列，但如果开发人员明确将其设置为可搜索，则应该是(即使是隐藏列)。

解决这个问题的一个方法是将它改成这样:

for (var i = 0; i < that.columns.length; i++)
{
    column = that.columns[i];
    if (column.searchable && row[column.id])
        if(column.converter.to(row[column.id]).search(searchPattern) > -1) {
        return true;
    }
}

这将使隐藏的列被搜索。如果您有任何其他隐藏字段，您真的不想被搜索到，现在您必须明确地将 searchable 设置为 false(通过 html 数据属性或 jquery)。

而且，如果你想使用缩小版本，你应该自己缩小它，因为现有的不会有这些变化。此外，如果您或您团队中的某个人决定再次下载该库(例如出于更新或其他原因)，请务必小心。

---

作为奖励，您可能会注意到我还插入了一个 && row[column.id] 以避免当您通过 append 方法。