使用筛选延迟加载项目
我使用Backbone.js在页面上一次加载20个项目，当您向下滚动到底部时获得更多项目，直到没有剩余的项目可以从服务器获取。
同时，我希望在顶部有一个输入字段，当您键入名称时，它会过滤匹配的项目。
问题是，如果您尚未滚动到底部并获取完整集，那么输入过滤器将只匹配页面上当前的项目。
在技术和视觉上，将UI过滤与延迟加载项相结合的最佳解决方案是什么？
编辑：这里真正的场景是加载你的所有facebook好友，这可能会非常慢，并将它们与其他API混合。我不想一次加载所有内容，因为体验延迟了。
共有1个答案
当用户搜索时，为什么不使用包含过滤器的获取重置集合？
收集获取（{术语：$（“#搜索”）.val（）}）
如果您将此集合的后端API终端设置为按术语params限定结果范围，则您的集合将仅包含来自服务器的与用户输入匹配的结果。
您还可以将初始提取限制为用户输入的前3个字符，然后在过滤客户端继续键入时执行其余操作。这是如果您在第一次调用时没有限制搜索结果服务器端。
-
描述 (Description) 延迟加载可应用于图像，背景图像和淡入效果，如下所述 - 对于图像 要在图像上使用延迟加载，请按照给定的步骤进行操作 - 使用data-src属性而不是src属性来指定图像源。 将类lazy添加到图像。 <div class = "page-content"> ... <img data-src = "image_path.jpg" class = "l
-
我正在实现一个自定义TableCellFactory以从数据库异步加载数据。查询数据库不应阻塞UI线程。 它大部分时间都在工作，但并不总是如此。它的一个奇怪之处是总是。在哪些情况下，我可以期望为？ 对应的表格代码： } 编辑：在此处找到更好的方法。
-
问题内容： 我想在AJAX标签容器中使用标签的延迟加载。我已经实现了。但是我面临的问题是，当我单击按钮或触发该用户控件中的任何事件时，不会触发该事件。没发生什么事。 代码背后： 问题答案： 您需要最迟在每个回发中重新创建动态创建的控件，其ID与以前相同。因此，您可以在中加载并将它们添加到面板中，但是您需要在下一次回发中重新创建它们。因此，您需要在某处存储要重新创建的内容（fe in ）。 但是我假
-
问题内容： 我在JPA实体中的延迟加载属性有问题。我读过许多类似的问题，但它们与spring或hibernate有关，并且他们的后代不适用或没有帮助。 该应用程序是在Wildfly应用程序服务器上运行的JEE和JPA2.1。有两个实体，DAO会话bean和servlet将它们放在一起： 当我运行此代码时，它失败并显示： 我对WebLogic / JPA1使用了非常相似的模式，并且运行平稳。任何的想
-
问题内容： 我想知道在node.js中使用是否等效于延迟加载？ 例如，如果我有一个函数需要代码中其他任何地方都不需要的特定node.js包，那么我最好在该函数内部使用它，以便仅在调用该函数时才包含所需的包。 我还不确定是否会由于缺乏对node.js架构的了解而在性能方面有所改善？我想它每次与服务器的连接都会使用更少的内存。但是，当它必须读取程序包时，它会增加磁盘的I / O吗，还是将其添加到内存中
-
这是从这里开始的后续行动。 我正在实现一个表，它将数据异步加载到表单元格中。问题是，表单元格有时无法正确更新。有时它会以某种方式“挂起”并永远显示“加载...”。实际值只有在我在表中滚动一点时才会更新。 要复制，请在表格中快速向下滚动应用程序。某些单元格不会显示“延迟加载”值，而是显示占位符字符串。 延迟加载属性如下所示： } 应用程序如下所示： 完整的可运行代码可以在这里找到。