實施多州規划師

Question

我被要求開發一個系統，其中員工可以在表格上標記他們在一周中的某一天的可用性 - 例如，員工可以在給定的一周內在給定時間標記自己可用，並且在其他時間不可用。 看起來有點像這樣：

http://img697.imageshack.us/img697/842/mvcb.jpg

目前，這可以通過在表格中呈現復選框，在每個單元格中拾取單擊事件並標記復選框，從而適當地標記單元格。 我從這里使用JQuery“click n drag checkbox”插件。 但是，我被告知，給定單元格可能有兩個以上的狀態（例如可用，不可用，在給定情況下可用），在這種情況下，綁定到復選框檢查的值不會是很多救命。

我之前從未使用過javascript或asp.net，也不確定解決此問題的最佳方法。 理想情況下，我可以在每個單元格后面粘貼一個數據結構，我可以將其更新到某個狀態，然后通過綁定到這個來獲取我的單元格顏色 - 但是，如果能夠最好地實現這一點，我會感到茫然。

Answer 1

向單元格添加單擊事件 - 例如，單擊單元格。 然后，每次單擊都可以更改單元格的狀態。 然后可以通過ajax或使用表單上的提交按鈕來存儲此狀態。 每個單元格都可以與隱藏的表單字段相關聯，這是您可以保留狀態的位置。

Answer 2

也許從谷歌日歷中獲取一些靈感。 在那里，您可以通過單擊拖動一系列天來選擇月視圖中的時間跨度。 我想這是一種更快的進入更長時間跨度的方法。 （就像龍的下半部分）