Triển khai lập kế hoạch đa trạng thái

Question

Tôi đã được yêu cầu phát triển một hệ thống trong đó nhân viên có thể đánh dấu trên biểu mẫu của họ vào một ngày nhất định trong tuần - ví dụ: nhân viên có thể tự đánh dấu là có sẵn trong một thời gian nhất định cho tuần, và không có sẵn vào một thời gian khác. Có vẻ một chút như thế này:

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

Hiện nay các công trình này bằng cách làm cho hộp kiểm bên trong bảng, chọn lên các sự kiện nhấp chuột trong mỗi tế bào và đánh dấu vào hộp kiểm và do đó các tế bào một cách thích hợp. Tôi đang sử dụng JQuery "nhấp vào n kéo hộp kiểm" plugin từ here. Tuy nhiên, tôi đã được thông báo rằng có thể có nhiều hơn hai trạng thái cho một ô cụ thể (ví dụ sẵn có, không khả dụng, có sẵn trong một trường hợp cụ thể), trong trường hợp này, ràng buộc với một hộp kiểm được kiểm tra giá trị sẽ không có nhiều Cứu giúp.

Tôi chưa bao giờ sử dụng javascript hoặc asp.net trước đây và không chắc chắn là cách tốt nhất để tiếp cận vấn đề này. Lý tưởng nhất là tôi có thể dính vào một cấu trúc dữ liệu phía sau mỗi ô mà tôi có thể cập nhật tới một trạng thái nhất định và sau đó lấy màu ô của tôi bằng cách liên kết với điều này - tuy nhiên tôi đang bị mất làm cách tốt nhất để đạt được điều này.

Answer 1

Thêm sự kiện nhấp vào ô - ví dụ: bấm vào ô. Mỗi lần nhấp có thể thay đổi trạng thái của ô. Trạng thái này sau đó có thể được lưu trữ thông qua ajax hoặc sử dụng nút gửi như trên biểu mẫu. Mỗi ô có thể liên quan đến một trường biểu mẫu ẩn là nơi bạn có thể giữ trạng thái.

Answer 2

Có thể lấy cảm hứng từ lịch google. Ở đó bạn có thể chọn một khoảng thời gian trong chế độ xem theo tháng bằng cách nhấp chuột kéo một phạm vi ngày. Tôi đoán đó là cách nhanh hơn để nhập khoảng thời gian dài hơn. (Giống như phần dưới của con rồng)