首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >突出显示搜索文本引导表

突出显示搜索文本引导表
EN

Stack Overflow用户
提问于 2016-04-10 15:57:22
回答 2查看 2.8K关注 0票数 1

我正在尝试实现jquery插件来突出显示我的应用程序中的搜索文本,我正在使用本题,我已经在我的应用程序中添加了jquery插件,并添加了以下一行:

代码语言:javascript
代码运行次数:0
运行
复制
  $table.highlight($(".search.bs.table").val());

但是搜索文本仍然没有高亮显示。有人能解释一下,我的错误在哪里?

柱塞

代码:

代码语言:javascript
代码运行次数:0
运行
复制
function initTable() {
    $table.bootstrapTable({
        filterControl: true,
        //data: url,
        //url: 'data/events.json',
        height: getHeight(),
        formatNoMatches: function () {
            return "Please, choose your category";
        }

    });

    // sometimes footer render error.
    setTimeout(function () {
        $table.bootstrapTable('resetView');
    }, 200);
    $table.on('check.bs.table uncheck.bs.table ' +
        'check-all.bs.table uncheck-all.bs.table', function () {
        $remove.prop('disabled', !$table.bootstrapTable('getSelections').length);
        // save your data, here just save the current page
        selections = getIdSelections();
        // push or splice the selections if you want to save all data selections
    });
    $table.on('all.bs.table', function (e, name, args) {
        console.log(name, args);
    });
    $table.highlight($(".search.bs.table").val());

    $table.on('search.bs.table', function (e, text){

        "use strict";
        console.log(e);
        console.log(text);
    });
    $remove.click(function () {
        var ids = getIdSelections();
        $table.bootstrapTable('remove', {
            field: 'id',
            values: ids
        });
        $remove.prop('disabled', true);
    });
    $(window).resize(function () {
        $table.bootstrapTable('resetView', {
            //height: getHeight()
        });
    });
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-04-18 18:56:55

我了解到,它是如何在正确的代码下面工作的(将此代码放入不可修改的代码中):

代码语言:javascript
代码运行次数:0
运行
复制
$table.highlight($(".search.bs.table").val());

$table.on('search.bs.table', function (e, text){

    $table.highlight(text);
    console.log(e);
    console.log(text);
});

css:

代码语言:javascript
代码运行次数:0
运行
复制
.highlight {background-color: yellow}
票数 1
EN

Stack Overflow用户

发布于 2021-05-19 06:27:07

对于>= 1.18.x版本,您可以使用数据-搜索-突出显示

代码语言:javascript
代码运行次数:0
运行
复制
<table data-search-highlight="true"></table>

示例代码

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36532006

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档