先上要實現的效果圖,列表頁搜索多個字段;而且分頁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