2013-06-20 2 views
1

mvc4/razor를 사용합니다. 첨부 된 이미지와 같은 팝업이 필요합니다. 팝업 만들기를 위해 코다에서 jquery를 받았습니다. http://jqueryfordesigners.com/coda-popup-bubbles/데이터베이스에서 jQuery 팝업으로 데이터로드

그러나 데이터베이스에서 세부 정보를 가져 와서 jquery 팝업에로드하는 방법은 무엇입니까?

(나는 example.On는 "사용자 이름"에 마우스를 올려으로 유래를 가지고 이미지를 생성의 된 UserDetails와 팝업을 생성)

매우 큰 문제이다 enter image description here

답변

2

하고, 상세하고 완전한 답변 누군가 당신을 위해 글을 쓰는데 오랜 시간이 걸릴 것입니다. 그러나 시작할 수있는 몇 가지 지침을 드릴 수는 있습니다.

당신이하려는 것을 달성하기 위해 할 수있는 세 가지가 있습니다. 나는 당신이이 시간에 작업 할 것을 제안하고, 각 단계는 당신의 최종 목표까지 당신을 구축 할 것입니다.

1. 데이터베이스에서 사용자 세부 사항을 검색하고 팝업없이보기에 표시하십시오.

첫 번째 단계는 페이지에 사용자 세부 정보를 표시하는 것입니다. 당신의 질문에 당신이 이미 이것을 할 수 있는지 여부는 불분명합니다. 그렇지 않다면 EntityFramework에서 읽어 보시기 바랍니다. 시작하면됩니다.

2.

, 데이터베이스

다음을 쿼리하지 않고 JQuery와 팝업, 작업 가져 오기 팝업 텍스트의 임의의 문자열을 표시합니다. 다시 말하지만, 당신이 이미 이것을하는 방법을 알고 있다면 그것은 불분명합니다. 튜토리얼을 자세히 보지 않았다면 링크를하고 시도해보십시오.

3.로드 사용자 세부 AJAX

을 통해 다음 단계는 AJAX를 통해 사용자 정보를로드, 아마도, 아니면 JSON 형식의 PartialView로 결과를 렌더링 할 수있을 것입니다. Google에서 MVCAJAXPartial Views에 대한 자습서를 제공합니다.

4. 모두 함께 퍼팅

귀하의 마지막 단계가 모두 함께 넣어하는 것입니다. 3 단계와 같이 AJAX를 통해 사용자 세부 정보를로드하려면 2 단계에서 JQuery를 수정해야합니다.

관련 문제