JavaScript/JQuery로 대화 형 시간표 렌더링

Question

JavaScript/ASP.NET/C#/CSS/HTML/Compact SQL 서버를 사용하여 웹 사이트를 만들고 있습니다.

나는 사이트의 대부분을 만들고 완전히 테스트하고 싶은 기본 데이터베이스 디자인을 가지고 있습니다.

이렇게하려면 JavaScript/JQuery 프런트 엔드를 만들고 싶습니다. 내가 갖고 싶은 기본 기능은 Google 캘린더와 동일합니다 (최소한 시작해야 함).

사용자가 끌어서 놓기를 통해 여러 번 선택할 수있는 것이 좋을 것이라고 생각합니다. 사용자가 끌어다 놓으면 특정 시간에 끌어서 작업의 이름을 묻는 메시지가 나타납니다.

사용자가 제출을 클릭하면 데이터가 사용자 ID, 이벤트 시작 시간/기간 및 이벤트 이름과 함께 데이터베이스에 저장됩니다.

제 질문은 상당히 모호하지만이 문제를 해결하는 가장 좋은 방법은 무엇입니까? 유사한 데이터베이스 intergration/아이디어, 난에서 일할 수있는 이러한 기존의 렌더링이 -

• JQuery와/자바 스크립트를 사용하여 대화 형 시간표 만들기 : 내가 뭘하고 싶은 정확히 알고 있지만, 내 문제는 무엇입니까?
• 이 데이터를 데이터베이스에 모두 저장하려면 어떻게해야합니까? 그것이 양식이라면 나는 데이터를 전달할 수 있었지만, 그것이 이루어지지 않았기 때문에 어떻게 할 수 있을지 모르겠습니다.

대단히 감사합니다. 내 세부 정보가 너무 모호하면 질문을하고 세부 사항을 자세히 설명해 드리겠습니다.

Answer 1

캘린더 구조에 대해서는 잘 모르겠지만 캘린더 구조와 초기 데이터 서버 측을 생성하고 AJAX로로드하는 것이 좋지만 jQuery Grid plugin을 사용할 수 있습니다.

다른 모든 상호 작용은 jQuery UI을 사용하여 수행 할 수 있습니다. 데이터에 업데이트를 저장하려면 AJAX를 사용하는 drag funcionality가 포함됩니다.

FullCalendar (페이지 하단에있는 모든 데모를 확인하십시오보다 구체적으로 the drag and drop one)
Frontier Calendar
DhtmlxSchedule을 (하지 :

Answer 2

은 이미 당신이 요구하는 일을 할 수있는 몇 가지의 jQuery 플러그인이 있습니다 jquery하지만 아마도 가장 앞선 것)

적어도 플러그인 중 하나를 살펴보면 그 중 하나를 사용하고 싶지 않으면 좋은 시작일 수 있습니다.

어떻게이 데이터를 데이터베이스에 모두 저장할 수 있습니까? 그것이 형식 인 경우 은 데이터를 전달할 수 있지만 이것이 아니기 때문에 나는 어떻게 이것이 일 수 있는지 확실하지 않습니다.

데이터로 ajax 요청을 작성하기 만하면됩니다. 양식을 사용하거나 게시물을 보내거나 처리중인 페이지로 요청을 보내지 않아도됩니다.