僅限加載模態內容當顯示被調用時

我有一個很好的小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

僅限加載模態內容當顯示被調用時

回答

相關問題