2009-05-29 4 views
1

내 페이지에서 모달 대화 상자에 jqModal 플러그인을 사용하고 있습니다. 나는 1 모달 아약스를 통해라는 형태로 포함하는 상황이 (모달 창에로드되는 별도의 .aspx 페이지를. 아래 그림과 같이) 사용자가 new_modal.aspx의 폼을 채우고 때아약스 모달 외부 함수 호출

$('#mdl_new').jqm({ ajax: 'ajax/new_modal.aspx', trigger: '#options_add a' }); 

페이지를 클릭하고 제출 버튼을 클릭하면 서버 측 코드가 실행되고 메인 페이지에서 div를 업데이트해야하며 모달은 여전히 ​​표시됩니다.

이것이 가능합니까?

답변

0

jqmodal .onHide 처리기를 사용해보십시오. 사용자가 대화 상자를 닫을 때 액션을 트리거 할 수 있습니다.

.onHide: function(h) { 
     t.html('Please Wait...'); // Clear Content HTML on Hide. 
     //perform your div manipulation here 
     h.o.remove(); // remove overlay 
     h.w.fadeOut(888); // hide window 
    } 
+0

달성하려는 목표를 달성하려면 모달 콘텐츠가 서버에서 가져온 다른 웹 페이지이므로 상위 창을 참조하는 방법이 필요합니다. 이 페이지에는 클릭하면 상위 페이지의 div를 업데이트해야하는 버튼이 있습니다. –

+0

참조 할 필요가 없습니다 ... jqmodal의 ajax 함수는 AJAX 페이지의 보이는 HTML을 div 또는 iframe에 삽입하기 만하면됩니다 현재 페이지에서 ... 새 창 개체를 만들지 않습니다. – Franz

+0

예,하지만 "프레임"페이지의 버튼 클릭 이벤트 내에서 상위 페이지에있는 함수를 호출하려면 어떻게해야합니까? (함수 : jquery 함수). 버튼 클릭을 처리하는 코드를 프레임 페이지에서 상위 페이지로 이동하면 버튼을 클릭하자마자 버튼 클릭 이벤트의 $ (get) 함수에 포함 된 URL로 이동하려고 시도합니다 (버튼을 클릭하면 아약스 호출이됩니다) 프레임 페이지 내에서 상위 페이지에있는 함수를 호출하면 함수 이름이 정의되지 않았 음을 알 수 있습니다. 따라서 선택의 여지가없고 두 페이지에 대한 함수를 복제하는 것처럼 보입니다. ... –