如何使用許多選擇控件來減小網頁大小

Question

我正在使用一個asp.net應用程序，該應用程序允許用戶連續幾天更新數據。 數據顯示為表格：

日期-有效-有效促銷

2011/04/11-是-具有360個條目的列表框

11/05 / 11-是-具有360個條目的列表框

2011/06/11-是-具有360個條目的列表框

...

2012年4月2日-是-具有360個條目的列表框

現在，該表可以具有90-700行（例如，允許輸入90-700天），並且選擇框具有360個條目（12,000個字符）。 因此，對於3個月的顯示，我得到的頁面大小為90 * 12,000 = 1MB，對於2年的顯示，頁面大小增加到8.4MB。

我可以看到問題是許多重復的列表框。 我想到了以下方法，也許人們可以提出改進或改進的建議：

• 單擊時讓每個列表框自動填充（減小初始頁面大小，但用戶可能需要等待下拉列表填充）
• 有一個“真實”列表框和多個“假”列表框。 當用戶單擊“假”列表框時，將顯示“真實”列表框，然后將所選值存儲在隱藏字段中
• 讓客戶端清理數據，因此每個框中沒有300多個選項

Answer 1

如果每個列表框的選項都相同，那么我絕對建議在點擊時使用javascript自動填充。 出於完全相同的原因，我之前曾使用過此解決方案，並且彈出選擇列表沒有明顯的延遲，並且原始頁面的加載速度更快。

同樣，Firefox在處理大量大型選擇元素時也曾經有一個bug，而在必要的解決方案中使用javascript時也避免了這一錯誤。

Answer 2

我會選擇第二種選擇。 您還可以做的是首先填充第一個，然后使用JavaScript將內容復制到其他內容。

但是否則-似乎您要解決一些可用性問題，誰將使用這種怪異的形式！ :)

Answer 3

我一次只能將輸入限制為一個月，然后將其存儲在內存中，直到准備好完成將事務返回給數據庫為止。 我還要回顧一下為此選擇的控件，也就是說，不要讓列表框想到更直觀的東西； 可能是帶有文本框的日歷-您可以使用標簽並從一個月移到下個月。