Question

我正在使用Dojo mobile构建一个非常简单的移动应用程序，该应用程序包含一个包含500多个项目的简单列表，可以过滤项目。

这是一个简单的要求，但似乎无法使用现有小部件使用Dojo移动设备。

我的想法是使用与LongListMixin和FilteredListMixin混合的EdgeToEdgeList，但它不起作用。

如何完成这个简单的任务，列出包含许多可以使用Dojo mobile过滤的项目？

我必须使用_TemplatedMixin和模板系统从头开始构建所有内容？：（

谢谢。

弗朗西斯。

Answer 1

我知道这是一个老问题，但最近遇到了同样的情况。我发现这在dojo版本1.9中有效。我使用过滤器和长列表mixin创建了一个小部件，并发现它们可以一起工作。如果你看小提琴，你会看到前20个ListItem被创建，然后当你滚动另外20个时，一次添加。

<div data-dojo-type="dojox/mobile/ScrollableView">
 <h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props="fixed: 'top'">Heading</h1>
<input  id="accountSearchInput" 
 data-dojo-type="dojox/mobile/SearchBox" 
 type="search" data-dojo-props="queryExpr: '*${0}*'">

<ul id="searchList2" data-dojo-type="dojox/mobile/RoundRectStoreList"  
 data-dojo-mixins="dojox/mobile/LongListMixin,dojox/mobile/FilteredListMixin"
 class="accountMainList" 
 data-dojo-props='select:"single",store:accountSwitch.childAccounts,itemMap:{accountName:"label", accountId:"id"},filterBoxRef:"accountSearchInput",labelProperty:"accountName"'>
 </ul>
 </div>

小提琴：http://jsfiddle.net/theinnkeeper/Lrza3nqs/

Answer 2

你可能想看看这个教程，即使你不想使用dojox / app，这可以告诉你如何使用dojox / mobile / EdgeToEdgeStoreList和dojox / mobile / FilteredListMixin

https://dojotoolkit.org/documentation/tutorials/1.9/dojox_app/contactsList/

此致编

Dojo Mobile过滤长项列表

2 个答案: