大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

项目翻页(ItemPagination)_Yahoo_Pattern(翻译)

当数据太多(或者数据项列表太长)一页显示不下时,将数据项列表拆分进一系列的页中。

创新互联是一家集网站建设,广德企业网站建设,广德品牌网站建设,网站定制,广德网站建设报价,网络营销,网络优化,广德网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

提供“上一页”和“下一页”的链接让人们可以访问被分页的数据,最好同时也提供“第一页”和“最后一页”的链接。

解决什么问题?

用户需要从一大组分好类的,但是无法简单的显示在一页的数据中查看一些数据项

什么时候用?

信息多到无法合适的放到一页中

通常感兴趣的内容可以在前几页就能看到

需要深度研究的信息,应该考虑放到一个可以滚动的区域内显示

具体解决办法是什么?

将数据项列表拆分进一系列的页中

提供”上一页”和”下一页”的链接来访问信息

同时提供跳转到”第一页”和”最后一页”的链接

同时提供用户正在访问的信息类型(type of object)

显示用户当前正访问的一组内容的信息。使用表单”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“([内容名称] [当前显示的内容范围]/[全部内容] )

按照以下顺序显示链接: 第一页, 上一页, 下一页, 最后一页

使用箭头图标来增加链接的可点区域

当链接不可用时需要表现出不可用状态

为什么使用这个组件?

箭头图标可以帮助区分链接,同时增大可点区域

跟搜索结果翻页不一样,在翻页时,控制链接是一直可见的(即使不可用)。这样可以防止当翻页时,不可用链接忽然被隐藏,干扰到用户

可访问性

正在访问的页面不要加上链接。比如,如果正在访问第3页,那么数字3应该没有链接。

原文地址: http://developer.yahoo.com/ypatterns/navigation/pagination/item.html

文章来源:pd4.me/blog/ 转载请注明出处链接。

延伸阅读: 手风琴导航(Accordion)_Yahoo_Pattern(翻译) 顶部导航条(Top Navigation Bar)_Yahoo_Pattern(翻译) 左侧导航条(Left Navigation Bar)_Yahoo_Pattern(翻译) 进度条(Progress Bar)_Yahoo_Pattern(翻译) 模块标签(Module Tabs)_Yahoo_Pattern(翻译) 导航标签(navigation Tabs)_Yahoo_Pattern(翻译)

网站标题:项目翻页(ItemPagination)_Yahoo_Pattern(翻译)
文章位置:http://dzwzjz.com/article/cjgsge.html
在线咨询
服务热线
服务热线:028-86922220
TOP