Fastadmin框架自定義搜索操作流程

更新時間：2023年08月26日 10:33:53 投稿：yin

這篇文章主要介紹了Fastadmin框架自定義搜索操作流程,包括html標簽、js調(diào)整、PHP修改,需要的朋友可以參考下

1.搜索模板

在對應的index.html頁面添加搜索模板到最底部

<script id="customformtpl" type="text/html">
    <!--form表單必須添加form-commsearch這個類-->
    <form action="" class="form-commonsearch">
        <div style="border-radius:2px;margin-bottom:10px;background:#f5f5f5;padding:15px 20px;">
            <!--<h4>自定義搜索表單</h4>-->
            <hr>
            <div class="row">
                <div class="col-xs-3 col-sm-3 col-md-3">
                    <div class="form-group">
                        <!--<input type="hidden" class="operate" data-name="city" value="="/>-->
                        <label class="control-label">用戶選擇</label>
                        <div>
                            <input id="user_id" data-rule="required" data-source="user/index" data-field="nick_name" class="form-control selectpage" placeholder="請選擇用戶" name="user_id" type="text" value="0">
                        </div>
                    </div>
                </div>
                <!--<div class="col-xs-3 col-sm-3 col-md-3">-->
                    <!--<div class="form-group">-->
                        <!--<label class="control-label">日期篩選</label>-->
                        <!--<div>-->
                            <!--<input type="text" autocomplete="off" class="form-control datetimerange" id="dktime" placeholder="" value="" name="dktime"/>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="col-xs-6 col-sm-6 col-md-3">
                    <div class="form-group">
                        <label class="control-label"></label>
                        <div class="row">
                            <div class="col-xs-3">
                                <input type="button"  id="tj"  class="btn btn-success btn-block" value="提交"/>
                            </div>
                            <div class="col-xs-3">
                                <input type="reset" class="btn btn-primary btn-block" value="重置"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</script>

（補充）：在對應的js里面加上 searchFormTemplate: 'customformtpl', 搜索采用該模板，跟關(guān)閉搜索的地方寫在一起

2.js調(diào)整

在對應的js的index方法里面添加點擊事件

$('#tj').click(function () {
                var upload = "";
                upload = layer.msg('檢索中。。。', {
                    icon: 16
                    , shade: 0.2,
                    time: false
                });
                // layer.msg('修正中');
                var user_id = $("#user_id").val();
                var dktime = $("#dktime").val();
                $.ajax({
                    type:'POST',
                    // url:"Ajax/setdkSession",
                    url:"Ajax/setwrongquestionSession",
                    dataType:'json',
                    data:{user_id:user_id,dktime:dktime},
                    async:false,
                    success:function (ret) {
                        $(".btn-refresh").trigger("click");
                        layer.close(upload);
                    },error:function (e) {
                    }
                })
            })

3.緩存處理

上面對應的控制器方法，當前控制器里面的 Ajax/setwrongquestionSession

/*設置錯題查找用戶打卡session*/
    public function setwrongquestionSession(){
        $param=$this->request->param();
        session('searchwrongquestion',$param);
        $this->success('',null,$param);
    }

4.控制器處理

在 if ($this->request->isAjax()) { 下面添加如下所示的代碼即可，然后再加上兩個where($map)條件即可

$map=array();
if(session('searchwrongquestion')){
   if(session('searchwrongquestion')['user_id']!=0){
       $map['user_id']=session('searchwrongquestion')['user_id'];
   }
}

您可能感興趣的文章: