- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我一直在开发一些网络应用程序,其中我有一个表格,其中填充了一些数据,为了选择应该显示的数据,我使用了过滤器。
这些过滤器是<div>
包含一个 <div>
的元素每个过滤器选项如下:
<div id="selectedFilter">
<div>
<input id="selectedFilter1" type="checkbox" name="selectedFilter" multiple="true" value="1" checked="true">
<label for="selectedFilter1" title="Option1">Option1</label>
</div>
<div>
<input id="selectedFilter2" type="checkbox" name="selectedFilter" multiple="true" value="2" checked="true">
<label for="selectedFilter2" title="Option2">Option2</label>
</div>
<div>
选项的 html 代码(整个 <div>
与 <label>
和 <input>
)在我的 Java 后端生成并像这样传输到网站:
$.post("filter", result, function(data) {
$("#selectedFilter").html(data);
});
现在我的问题:
过滤器的数量有时会变得非常高(例如 800 行)并且页面上还有两个过滤器具有大致相同数量的选项。有了这样的数据负载,浏览器开始挂起并变得无响应。
为了解决这个问题,我尝试使用虚拟滚动,因为这似乎是将浏览器缓存保持在良好水平的最合理方法。但是如果我再次渲染整个 div,这会清除复选框。
最重要的是,我需要知道哪些复选框被选中,即使它们不在视口(viewport)中,因为过滤器以级联的方式影响彼此的可能选项(Filter1 影响 Filter2 影响 Filter3)。如果一个过滤器发生变化(某些内容被选中),随后的一个(或两个)过滤器将被清除并从 Java 后端请求新数据。
问题:
是否有一个支持虚拟滚动但自行管理复选框的 js 库,以便我可以只提取选中的复选框?像这样。
我可能会尝试保存选择了哪个复选框,但我担心如果显示的选项匹配,无论是否在每个滚动中都选中它们,滚动的虚拟化可能会非常慢。
有没有人有建议或经验?
最佳答案
你说你有 800 个过滤器,你真的认为任何用户都会同时看到所有这 800 个或更多过滤器。最好的办法是对过滤器进行分类,然后在单击类别时加载它们。
虚拟滚动是个好主意。您需要附加过滤器数据,因为 .html() 会覆盖您之前的内容。
$("#selectedFilter").append(data);
关于javascript - 如何显示里面有复选框的大列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34357537/
在我的应用程序中,我使用 scrape(string url) 方法从网页中抓取链接。可以说它每次都返回我 10 个 url。 我想从每个抓取的 url 中抓取 10 个链接。 长话短说: (第 1
正如标题所说,我需要将 php 放入由 php 回显的 javascript 中 例如: if (something) then (some php)') ?> 这不是真正的代码,只是可能有助于理解
我有一个 ng-repeat 使用 ng-switch 来分隔 ng-repeat 内部的部分,我想在 ng-switch 组上应用一个 orderby 过滤器,但我似乎无法让它工作:
我是 shell 的新手。我不太了解以下功能。这个函数基本上把小时加1。 我想知道为什么开发人员在 $g_current_hour+1 前面放了“10#”。根据我的理解,shell 中的剂量 # 是指
为了在 MongoDB 中对元素进行分组和计数,我已经筋疲力尽了。有很多帖子,但没有一个是我需要的。 这是一个基于以下内容的示例: styvane answer db.VIEW_HISTORICO.a
int main() { int count = 0; string prev = " "; string current; while (cin>>current)
$0表示传递给swift闭包的第一个参数,是swift语言的语法糖。swift会自动为内联闭包提供速记参数名称,可使用$0,$1,$2等名称来引用闭包参数的值。 代码
我想把这个 If 放在宏中,但它总是给我一个错误。我不知道“或”用得是否正确。 Dim SMAT As String SMAT = "blahblahblah" (...) If Ce
这是 JSFiddle 链接:https://jsfiddle.net/fmdsu9Lo/ 我想添加一个悬停功能,以便将鼠标悬停在菜单上将在该菜单选项卡上应用 .current 样式,同时将其从当前打
是否可以在 SQL 中执行类似的操作? SELECT SUM(jobRequirements.number) as total, SUM(jobRequirements.number WHER
我有 3 个 SQL 表。 游戏 wo_tenis_partidos 选择 wo_tenis_pronosticos 配额 wo_tenis_cuotas_ha2 我需要获取满足两个条件的所有行: 条
我有这张乘客表日期: 这意味着在 Reservation 000004 中,有两个行程,分别是 Itinerary 0000010 (AAC Hangar - Anvaya Cove) 和 00000
里面
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。 已关闭 9 年前。 此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里
我在模态框内显示一个弹出窗口,我可以在关闭时隐藏它,但在点击模态框外时无法隐藏它。我试着在关闭时隐藏它,这很好。代码在这里 $('.close, .close-button').click(funct
我所在的团队正在使用 MVC 架构开发 C# 程序。 当我完成 MVC 教程时,我有一些疑问。请帮我澄清一下这个疑惑。 1) Controller 可以对 View 进行哪些修改? 2)我认为所有 U
我正坐在一些通过#defines 生成大量代码的遗留代码上。现在我知道在 #define 中不可能有 #ifdef,但是 #if 可能吗?我想为特定类型添加一些特化。 (无需进行重大更改,例如使用模板
这是我试图用来创建触发器的代码: -- Dumping structure for trigger kavanga_lead.click_links_insert DROP TRIGGER IF EX
我想写这样的东西: #define COV_ON(x) \ #ifdef COVERAGE_TOOL \ _Pragma (CO
我在这样的定义的帮助下初始化一个结构数组: #define FLAGCODE(name) { #name, MNT_ ## name } struct { const char
我尝试将 css 和 jquery 应用于 div 元素,但它不接受 $(this) 参数。我想知道为什么我不能使用 $(this) 作为 div 元素的引用。 blabla.css({ 'top':
我是一名优秀的程序员,十分优秀!