日期:2014-05-16 浏览次数:20546 次
<script type="text/javascript"> function init(params) { $("[name='uName']").val(params.userName); if (params.treeParam !== undefined) { $("[name='treeParam']").val(params.treeParam); } } //持久化查询条件 function testPaging(pagingObj) { var params = pagingObj.paramMap; $("[name='uName']").val(params.userName); } createPaging(1, $("#p"), ${paging}, ${paramsToJSON}, $("[name='form1']"), init, testPaging); </script>
/** * 分页对象 * @param 对象唯一标志 * @param 对应表单 * @param 执行分页操作的函数 * @param 查询参数 * @return 分页对象 */ function PagingObj(index, form, executeFunc, paramMap) { var _this = this; this.index = index; this.pageCurrent = 1; // 当前页数 this.pageSum = 0; // 总页数 this.rowSum = 0; // 总行数 this.executeFunc = executeFunc; // 分页执行函数 this.paramMap = paramMap; // 查询条件 $('<input type="text" style="display:none" />').prependTo(form); // 取消form表单回车事件 var current = $('<input type="hidden" name="pageCurrent" />').appendTo(form); // 当前页数 /** * 创建分页标签 * @param 选择器 * @return */ this.appendPagingTag = function(selector) { $(selector).append("<span id=\"firstPage" + this.index + "\" style='color:#00527b' onmouseover='this.style.color=\"#fe7d00\"' onmouseout='this.style.color=\"#00527b\"'>首页</span> " + "<span id=\"backPage" + this.index + "\" style='color:#00527b' onmouseover='this.style.color=\"#fe7d00\"' onmouseout='this.style.color=\"#00527b\"'>上一页</span> " + "<span id=\"nextPage" + this.index + "\" style='color:#00527b' onmouseover='this.style.color=\"#fe7d00\"' onmouseout='this.style.color=\"#00527b\"'>下一页</span> " + "<span id=\"lastPage" + this.index + "\" style='color:#00527b' onmouseover='this.style.color=\"#fe7d00\"' onmouseout='this.style.color=\"#00527b\"'>尾页</span> " + "[<span id=\"pageCurrent" + this.index + "\"></span>/<span id=\"pageSum" + this.index + "\"></span>] " + "<input id=\"jumpPageInput" + this.index + "\" type=\"text\" size=\"1\" value=\"1\" /> " + "<span id=\"jumpPage" + this.index + "\" href=\"#\"><input type='button' class='button' value='转到'/></span> " + "共 [<span id=\"rowSum" + this.index + "\"></span>] 条记录"); $("#firstPage" + this.index).live("click", function() {_this.firstPage();}).css("cursor", "pointer"); $("#backPage" + this.index).live("click", function() {_this.backPage();}).css("cursor", "pointer"); $("#nextPage" + this.index).live("click", function() {_this.nextPage();}).css("cursor", "pointer"); $("#lastPage" + this.index).live("click", function() {_this.lastPage();}).css("cursor", "pointer"); $("#jumpPage" + this.index).live("click", function() {_this.jumpPage();}).css("cursor", "pointer"); // 绑定回车事件 $('#jumpPageInput' + this.index).bind('keyup', function(event){ if (event.keyCode=="13"){ _this.jumpPage(); } }); }; /** * 增加样式 * @param 样式类型 * @return */ this.addTagStyle = function(styleClass) { $("#firstPage" + this.index).addClass(styleClass); $("#backPage" + this.index).addClass(styleClass); $("#nextPage" + this.index).addClass(styleClass); $("#lastPage" + this.index).addClass(styleClass); $("#jumpPage" + this.index).addClass(styleClass); } /** * 删除样式 * @param 样式类型 * @return */ this.removeTagStyle = function(styleClass) { $("#firstPage" + this.index).removeClass(styleClass); $("#backPage" + this.index).removeClass(styleClass); $("#nextPage" + this.index).removeClass(styleClass); $("#lastPage" + this.index).removeClass(styleClass); $("#jumpPage" + this.index).removeClass(styleClass); } /** * 获得操作标签的jQuery对象 * @param 对象数组 * @return */ this.getTags = function() { var tags = [$("#firstPage" + this.index), $("#backPage" + this.index), $("#nextPage"