道场移动中的字母滚动条

时间:2013-04-29 10:49:24

标签: javascript jquery ibm-mobilefirst dojox.mobile

是否可以在dojox mobile中为很长的列表实现字母滚动条,例如下面链接中的示例?

2 个答案:

答案 0 :(得分:0)

没有简单的方法来自定义ScrollableView的滚动条,为此,您必须覆盖和修改dojox / mobile / scrollable.js中定义的showScrollBar方法(更具体地说,它的createbar内部函数)。

答案 1 :(得分:0)

应该可以使用以下可用构建块来实现它:

  • 列表中的水平字母分隔符:可以使用ListItem(doc)的“header”参数实现为类别标题。
  • SearchBox(1.8 +,doc):用于输入搜索条件的小部件(如屏幕截图顶部的那个)。
  • FilteredListMixin(1.9 +; doclive sample):将列表小部件与SearchBox结合并连接
  • LongListMixin(1.9 +,doclive sample):大大提高了长列表的滚动性能。
  • 使用EdgeToEdgeStoreList(docdoc)可以选择使用dojo / store(live sample)支持列表小部件。
  • 垂直字母索引(在屏幕截图的右侧):您需要实现它,比如作为容器覆盖列表和透明填充颜色(在手机上),或在其右侧(在平板电脑上) ),并为每个字母使用例如ToolBarButton(doc)。按钮字母的操作将依赖于scrollable.scrollIntoView(listItem)(doc)来实现用户触摸给定字母时的自动滚动。

希望这有帮助, 阿德里安