平台默认提供了分页组件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();
}
};


评一波