功能效果描述
DeptController
多傳一個pageSize,model.addAttribute("pageSize",pageSize);,用來判斷哪個option是selected狀態，
@RequestMapping(path="/toList.do",method ={ RequestMethod.GET, RequestMethod.POST})
public String toList(Model model, @RequestParam(defaultValue = "1") Integer curr,
@RequestParam(defaultValue = "5") Integer pageSize){
log.info("toList curr = "+curr);//當前第幾頁
log.info("toList pageSize = "+pageSize);//每頁記錄數
log.info("toList companyId = "+super.getLoginCompanyId());//指定公司id
//查詢一個分頁
PageInfo<Dept> pi = iDeptService.findByPage(curr, pageSize, super.getLoginCompanyId());
log.info("toList pi = "+pi);
model.addAttribute("pi",pi);
//將pageSize傳到頁面
model.addAttribute("pageSize",pageSize);
return "system/dept/dept-list";
}
page.jsp
用el運算式獲取Controller傳來的pageSize值，${pageSize==5?'selected':""}，然后再用三元運算子判斷，將與之對應的option設定為selected，
<div class="form-group form-inline">
總共${pi.pages} 頁，共${pi.total} 條資料，每頁
<select onchange="change()" class="form-control">
<option ${pageSize==5?'selected':""}>5</option>
<option ${pageSize==10?'selected':""}>10</option>
<option ${pageSize==15?'selected':""}>15</option>
<option ${pageSize==20?'selected':""}>20</option>
<option ${pageSize==50?'selected':""}>50</option>
<option ${pageSize==80?'selected':""}>80</option>
</select> 條
</div>
當select選擇框改變時，呼叫這個chagne方法，
function change() {
var options=$("select option:selected"); //獲取選中的項
// alert(options.val()); //拿到選中項的值
alert(options.text()); //拿到選中項的文本
var pageSize=options.text();
document.getElementById("curr").value = 1 //curr=1
document.getElementById("pageSize").value =pageSize; //動態獲取pageSize
document.getElementById("pageForm").submit()
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/206509.html
標籤：java