EasyUI datagrid 搜索高亮

easyui datagird 搜索关键词高亮
demo 演示地址

    //搜索触发方法
    function seachBookInfo(){
        var field = $("#getType").val();// 字段
        var value = $("#searchkeyword-manager").val().trim();//关键词
        var queryParams = {}; 
        queryParams.searchtype = $("#getType").val();
        queryParams.searchkeyword = $("#searchkeyword-manager").val().trim();
        $("#wenxian-table").datagrid('load',queryParams); 
        $("#wenxian-table").datagrid({
            onLoadSuccess:function(){
            $("#wenxian-table").datagrid("liveSearch", { field: field, value: value});
            }
         })
    }
/*
  高亮要写在数据加载完成之后,否则是不可以的,在测试这个扩展的demo
的时候,没有写在数据加载好之后,发现高亮只是闪一下就结束了.
*/

效果如下图

EasyUI datagrid 搜索高亮_第1张图片
TIM截图20170825114031.png

你可能感兴趣的:(EasyUI datagrid 搜索高亮)