仅在加载模态内容时调用show

Question

我有一个很好的小ToDo应用程序，允许用户在列表中创建一个项目。他们可以单击并拖动列表中的项目以对订单进行排序。但是，当他们能够为他们的项目选择一个图标时，我担心性能。我正在使用Fat Cow图标集，并希望他们能够个性化他们的列表。一切都按预期工作。但是，我有点担心服务器上的性能以及最终用户端的等待。

每当用户点击“选择图标”按钮时，它将使用Twitter Bootstrap模式并允许他们单击图标。单击图标后，它会使用图标名称填充文本字段。但是，每当NEW或编辑项目时，都会加载3000个图标。

我在后台使用AJAX来处理图标的单击并将其放在将用于显示列表中图标的文本字段中。我的问题是：

是否有一种更有效的方法，如果不削减图标以提供模式，用户可以选择不同的图标。以下是3000+列表中的两个项目的片段。

有时用户可能不想使用图标，在这种情况下，它将默认为子弹。我只想在按下“选择图标”按钮时加载图标列表。

<%= link_to_function image_tag("/assets/icon/32_bit.png"), "$('body').select_icon('32_bit')" %>
<%= link_to_function image_tag("/assets/icon/3d_glasses.png"), "$('body').select_icon('3d_glasses')" %>

Answer 1

Yikes，如何创建图标组并首先显示类别菜单，以减少您一次需要处理的图标总数？我相信用户也会很感激;当人们有太多的选择时，它会变得无法抗拒。

因此，在模式中有一个组的下拉列表，只用该组的图标填充窗口的其余部分......