easyui输入框模糊查询

                                                                             easyui输入框模糊查询

1、效果

2、Js代码：需要引入easyui框架。

<input class="easyui-combobox" style="width:200px;" id="searchUserID"></input>

<script>
$('#searchUserID').combobox({ 
        prompt:'请输入要查询的用户名，按空格刷新', 
        //required:true, //是否必填
        mode:'remote', 
        url:'/member/memberadmin/list', 
        editable:true, 
        hasDownArrow:false,
        valueField: "id", 
        textField: "name", 
        onBeforeLoad: function(param){ 
            console.log("--------------"+param.q); 
            if(param == null || param.q == null || param.q.replace(/ /g, '') == ''){ 
                var value = $(this).combobox('getValue'); 
                if(value){// 修改的时候才会出现q为空而value不为空
       		    param.q = value; 
                    return true; 
       		} 
       		return false; 
       	    } 
       	} 
    });
</script>

3、后台代码

/**
 * @todo 查询数据返回
*/
public function listAction(){
    $keyword = trim($_POST['q']);	//POST接收查询的关键字
    $mUser = new UserModel();		//实例化数据表模型
    $list = $mUser->getList([['name', 'like', '%'.$keyword.'%']], 'id,name');//模糊查询关键字
    die(json_encode($list));	//JSON返回
}