美文网首页
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