实施多州规划师

Question

我被要求开发一个系统，员工可以在表格上标记他们在一周中某一天的可用性 - 例如，员工可以在给定的一周内在给定时间内将自己标记为可用，并且在其他时间。它看起来有点像这样：

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

目前，这可以通过在表格中呈现复选框，在每个单元格中拾取单击事件并标记复选框，从而适当地标记单元格。我正在使用来自here的JQuery“click n drag checkbox”插件。但是，我被告知，给定单元格可能有两个以上的状态（例如可用，不可用，在给定情况下可用），在这种情况下，绑定到复选框检查的值不会是很多帮助

我之前从未使用过javascript或asp.net，也不确定解决此问题的最佳方法。理想情况下，我可以在每个单元格后面粘贴一个数据结构，我可以将其更新到某个状态，然后通过绑定到这个来获取我的单元格颜色 - 但是，如果能够最好地实现这一点，我会感到茫然。

Answer 1

向单元格添加点击事件 - 例如单击单元格。然后，每次单击都可以更改单元格的状态。然后可以通过ajax或使用表单上的提交按钮来存储此状态。每个单元格都可以与隐藏的表单字段相关联，这是您可以保存状态的地方。

Answer 2

也许从谷歌日历中获取一些灵感。在那里，您可以通过单击拖动一系列天来选择月视图中的时间跨度。我想这是一种更快的进入更长时间跨度的方法。 （就像龙的下半部分）