仅限加载模态内容当显示被调用时

我有一个很好的小ToDo应用程序，它允许用户在列表中创建一个项目。他们可以点击并拖动列表中的项目对订单进行排序。不过，我担心他们能够为他们的物品选择一个图标。我正在使用胖奶牛图标集，并希望他们能够个性化他们的列表。一切都按预期工作。但是，我有点担心服务器的性能以及最终用户的等待。仅限加载模态内容当显示被调用时

enter image description here

每当用户点击选择图标按钮，它会使用Twitter的引导模态，并让他们点击一个图标。一旦他们点击图标，它就会用图标的名称填充文本框。但是，无论何时NEW或EDIT项目，都会加载3000个图标。

enter image description here

我在后台使用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')" %>

来源

2013-02-22 kobaltz

我会修剪后面的图标，大概500多个，但仍想看看我的方法是否需要这种东西。也想看看是否有一种方法来延迟加载图标资源，直到用户按下选择图标。 – kobaltz 2013-02-22 05:24:55

哎呀，有什么关于创建图标组和第一类呈现的菜单，以减少你需要同时处理图标的总数是多少？我相信用户也会喜欢它;当人们有太多的选择时，它会变得难以抗拒。

所以在模式与组下拉并填充与该组仅图标的窗口休息...

来源

2013-02-22 05:31:04

我同意。现在就玩吧。一旦我能弄清楚这一部分，我会进行优化。这实际上只是更多的概念证明，能够延迟加载模态数据或基于当前调用的选项卡数据。在其他应用程序中，我可能在不同的选项卡或模式之间有很多数据。 – kobaltz 2013-02-22 05:33:25

仅限加载模态内容当显示被调用时

回答

相关问题