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

 

pageBar

在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();
		}
	};

运行效果如下
pageBar1