【问题标题】:Dojo Mobile filter long item listDojo Mobile 过滤器长项目列表
【发布时间】:2015-09-02 09:04:19
【问题描述】:

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

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

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

我如何才能完成这个简单的任务,拥有一个包含许多可以使用 Dojo 移动设备过滤的项目的列表?

我必须使用 _TemplatedMixin 和模板系统从头开始构建吗? :(

谢谢。

弗朗切斯科。

【问题讨论】:

    标签: javascript dojo


    【解决方案1】:

    我知道这是一个老问题,但最近遇到了同样的情况。我发现这在dojo 1.9 版中确实有效。我使用过滤器和长列表混合创建了一个小部件,并发现它们可以一起工作。如果您查看小提琴,您会看到前 20 个 ListItems 已创建,然后在您滚动时一次添加另外 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/

    【讨论】:

      【解决方案2】:

      您可能想看看这个教程,即使您不想使用 dojox/app,这也可以向您展示如何将 dojox/mobile/EdgeToEdgeStoreList 与 dojox/mobile/FilteredListMixin 一起使用

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

      问候, 埃德

      【讨论】:

      • 感谢Ed的回复,请问是否可以在EdgeToEdgeStoreList中同时使用FilteredListMixin和LongListMixin混合使用,还是必须分开使用?
      • 对不起,你是正确的教程只使用了FilteredListMixin。今天早上我花了一些时间尝试对 FilteredListMixin 和 LongListMixin 进行工作测试,但我没有成功。我咨询了 dojox/mobile 开发人员,不幸的是,听起来他们不能一起工作。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-09-02
      • 2016-05-26
      相关资源
      最近更新 更多