ThinkPHP與EasyUI整合之三（searchbox）：在datagrid中查詢指定記錄

在datagrid中toolbar添加searchbox查詢框，根據列范圍查詢數據，先看效果圖：

1. searchbox采用easyui的Demo例子，再加以js擴展，根據datagrid中的列數據自動生成選擇查詢范圍。

    <div id="testa" style="display:inline;padding-top:17px;">
    <!-- 這里的padding-top是讓搜索欄向下點，也就是與"添加"等按鈕對齊，但在HTML里面不好用，在jsp頁面中已測試可用 -->
        <input id="sss" class="easyui-searchbox" searcher="qq" prompt="請輸入查詢內容"  style="width:200px"></input>    
        <div id="mm" style="width:100px">
        </div>
    </div>

            //循環列名，生成搜索的下拉列表
            var fields =  $('#dg').datagrid('getColumnFields');
            var muit="";
            for(var i=0; i<fields.length; i++){
                var opts = $('#dg').datagrid('getColumnOption', fields[i]);  
                muit += "<div name='"+  fields[i] +"'>"+ opts.title +"</div>";
            };
            $('#mm').html($('#mm').html()+muit);
            $('#sss').searchbox({  
                menu:'#mm'
            });
            //獲取生成的搜索框
            var a=$("#testa");
            //將生成好的搜索框放入工具欄
            $(".datagrid-toolbar").append(a);    
        });
        function qq(value,name){
            $('#dg').datagrid('load', { "searchKey": name, "searchValue": value }); 
        }

 

2. 前台需將要查詢的字段和值傳給datagrid。其中searchKey為字段名，searchValue為所要查詢的值。

        function qq(value,name){
            $('#dg').datagrid('load', { "searchKey": name, "searchValue": value }); 
        }

 

3. 后台處理：接收前台傳遞的參數$_POST['searchkey']，$_POST['searchValue']

        public function read(){
            $pagenum=isset($_POST['page']) ? intval($_POST['page']) : 1;
            $rowsnum=isset($_POST['rows']) ? intval($_POST['rows']) : 10;
            $User=M("User");
            if(isset($_POST['searchValue']) and $_POST['searchValue']!=""){
                $userlist=array();
                $map[$_POST['searchKey']]=array('like',array('%'.$_POST['searchValue'].'%'));
                //$userlist=$User->where($_POST['searchKey'].'="'.$_POST['searchValue'].'"')->limit(($pagenum-1)*$rowsnum.','.$rowsnum)->order('id asc')->select();
                //$total=$User->where($_POST['searchKey'].'="'.$_POST['searchValue'].'"')->count();
                $userlist=$User->where($map)->limit(($pagenum-1)*$rowsnum.','.$rowsnum)->order('id asc')->select();
                $total=$User->where($map)->count();
                if ($total==0){
                    $userlist=array("firstname"=>'',"lastname"=>'',"phone"=>'',"email"=>'',"id"=>'');
                    $json='{"total":'.$total.',"rows":['.json_encode($userlist).']}';
                    echo $json;
                }else{
                    $json='{"total":'.$total.',"rows":'.json_encode($userlist).'}';//重要，easyui的標准數據格式，數據總數和數據內容在同一個json中
                    echo $json;
                }
            }else{
                $total = $User->count();    //計算總數 
                $userlist=array();
                $userlist=$User->limit(($pagenum-1)*$rowsnum.','.$rowsnum)->order('id asc')->select();
                if ($total==0){
                    $userlist=array("firstname"=>'',"lastname"=>'',"phone"=>'',"email"=>'',"id"=>'');
                    $json='{"total":'.$total.',"rows":['.json_encode($userlist).']}';
                    echo $json;
                }else{
                    $json='{"total":'.$total.',"rows":'.json_encode($userlist).'}';//重要，easyui的標准數據格式，數據總數和數據內容在同一個json中
                    echo $json;
                }
            }
        }

 

4.分析后台代碼

　　1. 首先判斷是否要生成查詢數據，條件是傳遞參數$_POST['searchKey']存在且不為空 。

　　　　if(isset($_POST['searchValue']) and $_POST['searchValue']!="")

　　2. 采用like查詢語言擴大查詢范圍，$map[$_POST['searchKey']]=array('like',array('%'.$_POST['searchValue'].'%'));生成的查詢代碼是：$_POST['searchKey']

　　　　like % $_POST['searchValue'] %

　　3. 生成的查詢記錄要符合datagrid的json數據格式。其中json數據的總記錄用count()生成，需位於where條件之后。