jfinal 關於多字段搜索結合分頁的解決辦法

先上要實現的效果圖,列表頁搜索多個字段;而且分頁html

步驟1:模板部分代碼,本人用的ZUI啊,模板裏直接form提交 以下: app

<form action="/admin/article/">
                    <div class="row">
                     <div class="col-md-6">
                         
                <select data-placeholder="選擇主分類..." id="maincategory" name="categoryid" class="chosen-select form-control" tabindex="2">
                                                        <option value="">所有</option>
                                                        #for(x : mtreelist)
                                                        <option value="#(x.id)"  #(selectcategory==x.id?'selected':'') cdata="#(x.Insuranceplan)">#(x.categoryname)-#(x.id)</option>
                                                        #if(x.nonmemu!=null) #for(y : x.nonmemu)
                                                        <option value="#(y.id)" #(selectcategory==y.id?'selected':'') cdata="#(x.Insuranceplan)"> ─#(y.categoryname)-#(x.id)</option>
                                                        #if(y.nonmemu!=null) #for(z : y.nonmemu)
                                                        <option value="#(z.id)" #(selectcategory==z.id?'selected':'') cdata="#(x.Insuranceplan)"> ──#(z.categoryname)-#(x.id)</option>
                                                        #end #end #end #end #end
                                                    </select>
                </div>
                 <div class="col-md-6">
                <div class="input-group">
        <div class="input-control search-box has-icon-left has-icon-right search-example" id="searchboxExample">
          <input id="inputSearchExample4" value="#(selectckeyword??)" name="keyword" type="search" class="form-control search-input" placeholder="搜索">
          <label for="inputSearchExample4" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
        </div>
        <span class="input-group-btn">
          <button class="btn btn-primary" type="submit">搜索</button>
        </span>
      </div>     
                
                 </div>
                 </div>
                 </form>this

步驟2:分頁如何帶參spa

#set(append = "?categoryid=" + selectcategory + "&keyword=" + selectckeyword)
#@paginate(articlelist.pageNumber, articlelist.totalPage, "/admin/article/")orm

步驟3:後天對分頁的接收htm

public int getCategoryid() {
        return categoryid;
    }
    public void setCategoryid(int categoryid) {
        this.categoryid = categoryid;
    }
    public String getKeyword() {
        return keyword;
    }
    public void setKeyword(String keyword) {
        this.keyword = keyword;
    }
    private int categoryid=0;
    private String keyword;
    public void index(){
        System.out.print(getPara("categoryid"));
        if(getPara("categoryid")!=null&&!"".equals(getPara("categoryid"))){
            setCategoryid(Integer.valueOf(getPara("categoryid")));
        }
        setKeyword(getPara("keyword"));
        setAttr("mtreelist",srv_cate.getTreeMemu());//文章沒有擴展分類
        setAttr("selectcategory",this.getCategoryid());
        setAttr("selectckeyword",getPara("keyword"));

        setAttr("articlelist",srv.paginate(getParaToInt(0, 1), 5,this.getCategoryid(),this.getKeyword()));
        render("/___admin/article.html");
    }blog

不知道看官門能否看懂,關鍵代碼加紅了哦。get

相關文章
相關標籤/搜索