如何从数组中加载数据列表中的更多数据

我有一系列数据，我必须在datalist中显示。我只想先加载有限的数据，然后在滚动过程中加载另一个有限的数据。所有这些工作我都必须在datalist中完成，即我需要将该滚动放入数据列表中，然后当滚动到达数据列表屏幕的末尾时，更多数据将来自数组。如何从数组中加载数据列表中的更多数据

我使用meteor，所以我需要使用助手在客户端返回该数组。我的代码是：

这是我的帮手。这里是一个数组，它将在html（客户端）上返回。

Template.mytemplate.helpers({ 
    // Here will be helper for displaying data in client side// 
    searched_val:function(){ 
    var a= SessionStore.get("myvalue"); 
    // console.log(a); 
    return a; 
    } 
    } 
});

我的HTML代码（客户端代码）：

<div class="form-group row "> 
      <div class="dropdown col-xs-12"> 
       <input list="d1" id="search" name="d1" class="form-control input-xs" placeholder="Search by"> 
       <datalist id="d1" style="overflow-y:auto"> 
        {{#each searched_val}} 
       <option class="form-control" value="{{this}}"> {{this}} </option> 
       {{/each}} 
       </datalist> 
      </div> 
     </div>

现在，我怎么能做到这一点。有没有任何jQuery，Javascript代码？

我也看到“jquery在滚动中加载更多数据”，但它不适用于我，因为它用于整个页面/窗口，但我只需要在datalist和datalist中执行此操作。这里是链接“jQuery load more data on scroll”但它没有为我工作。

由于提前

来源

2017-04-20 Coder

*“我需要一个快速答案。”* ...这里没有优先事项。人们自愿回答问题。 – charlietfl

好吧，我道歉，但我在麻烦，这就是为什么说。好吧，我会删除它，并感谢纠正我:) – Coder

你应该怎么做？

1）首先你订阅您所需的收集有限的阵列。

2）只需将<collection>.find()返回给帮手。

3）然后添加一个滚动事件监听器，通过它将检查当前滚动位置是否已达到页面的最后限制，然后您将订阅更多项目。

来源

2017-04-20 13:39:28

我已经打电话，找到命令' .find（）。fetch（）'，然后我得到数组中的数据。现在我想与获得的数组一起工作。 – Coder

如果您没有任何目的地获取所有数据，这非常奇怪。希望你会得到有限的数据。如果你这样做，请按照步骤3。 –

如何从数组中加载数据列表中的更多数据

回答

相关问题