javascript - Dojo Mobile 过滤长项目列表

Question

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

这是一个简单的要求，但似乎无法通过使用现有小部件的 Dojo mobile 来完成。

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

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

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

谢谢。

弗朗西斯科。

Answer 1

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

<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>

fiddle :http://jsfiddle.net/theinnkeeper/Lrza3nqs/