平台默认提供了分页组件pageBar,但是没有提供可以自己输入页码跳转的,可以自己添加输入跳转
如下:在pageBar的div下放一个div,放input做跳转
<div xid="div8" class="col-sm-1"> <div xid="div9" style="text-align:right;white-space:nowrap;"> <ul xid="ul1" style="margin:0px;padding-left:0px;"> <li xid="li3"> <span xid="span18"><![CDATA[跳转至]]></span> <input component="$UI/system/components/justep/input/input" xid="input9" style="text-align:center;width:35px;" bind-keypress="input9Keypress"/> <span xid="span19"><![CDATA[页]]></span> </li> </ul> </div> </div>
在input的bind-keypress事件中判断是敲回车是调用获取输入的页码调用data的loadPageData做跳转
Model.prototype.input9Keypress = function(event) { var data = this.comp("mainData"); var input = $(this.getElementByXid("input9")); //在回车事件中获取输入的值调用data的loadPageData方法做跳转 if (event.keyCode == 13) { input.blur(); var page = this.comp("input9").val(); if (page) data.loadPageData(page); else alert("请输入要跳转的页码"); input.focus(); } };
评一波