kendo - mutiselect - 渲染时加载微调器
kendo - mutiselect - loading spinner while rendering
我正在使用 kendo 多选元素和一些包含 200 多个元素的列表。
在您可以访问多选之前加载所有元素 - 但在多选中呈现这些元素需要一些时间。
有没有办法在渲染多选元素时显示加载微调器？
我不是在谈论在从远程获取数据时显示微调器 - 我已经下载了所有数据，唯一的问题是多选渲染速度太慢。
200+ 不是一个很大的数字，Kendo 否则浏览器应该有渲染问题。您是否正在使用绑定到 multiselect 的大型 JS 对象？这可能是问题的一部分。
玩过这个 fiddle 并且添加超过 500 个元素在性能方面并不重要：
http://jsfiddle.net/abhinavg/87f3xjr2/
您可以在 select 中添加更多选项：
<option>Steven White</option>
如果下拉列表中有大量项目，您可以这样做：
- 实现分页（最好在后端）
- 使用类别或多层次下拉列表缩小列表（例如，选择国家 -> 选择县 -> 选择城市）- 如果可用
- 使用自动完成功能（在用户输入前 2-3 个字符之前不要加载项目）
无论如何，最好添加一个最小的可重现示例。
我正在使用 kendo 多选元素和一些包含 200 多个元素的列表。 在您可以访问多选之前加载所有元素 - 但在多选中呈现这些元素需要一些时间。 有没有办法在渲染多选元素时显示加载微调器？ 我不是在谈论在从远程获取数据时显示微调器 - 我已经下载了所有数据，唯一的问题是多选渲染速度太慢。
200+ 不是一个很大的数字，Kendo 否则浏览器应该有渲染问题。您是否正在使用绑定到 multiselect 的大型 JS 对象？这可能是问题的一部分。
玩过这个 fiddle 并且添加超过 500 个元素在性能方面并不重要： http://jsfiddle.net/abhinavg/87f3xjr2/
您可以在 select 中添加更多选项：
<option>Steven White</option>
如果下拉列表中有大量项目，您可以这样做：
- 实现分页（最好在后端）
- 使用类别或多层次下拉列表缩小列表（例如，选择国家 -> 选择县 -> 选择城市）- 如果可用
- 使用自动完成功能（在用户输入前 2-3 个字符之前不要加载项目）
无论如何，最好添加一个最小的可重现示例。