美文网首页
EasyUI datagrid 搜索高亮

EasyUI datagrid 搜索高亮

作者: 慕童 | 来源:发表于2017-08-25 11:58 被阅读0次

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
的时候,没有写在数据加载好之后,发现高亮只是闪一下就结束了.
*/

效果如下图

TIM截图20170825114031.png

相关文章

网友评论

      本文标题:EasyUI datagrid 搜索高亮

      本文链接:https://www.haomeiwen.com/subject/ufdudxtx.html