ASP.NET AJAX 팝업 페이지를 모달 창으로 표시

Question

.aspx 페이지의 모달 팝업을 사용하여 DB에 데이터를 추가하려고합니다.

그래서 직원에 대한 SQL 테이블 데이터가있는 그리드가 있습니다. 사용자가 DB에 레코드를 추가 한 다음 그리드를 새로 고침하여 새 데이터를 표시 할 수있게하려면이 페이지의 단추 나 링크가 있어야합니다.

나는 사용자가 데이터를 입력하고 addEmployee.aspx 내의 db에 저장할 수있는 모달 창 (그리고 일부 사이트에서 볼 수있는 기본 페이지가 어두워 짐)에 팝업을 표시하는 addEmployee.aspx가 있습니다. 이 페이지에는이 작업을 위해 모든 SQL 및 유효성 검증 로직이 캡슐화되어 있습니다. 추가가 끝나면 팝업이 닫히고 기본 페이지에 메시지를 표시 한 다음 (예 : DB에서 데이터 그리드 정보를 새로 고침하여 새로운 기록했다.

사람이 그것을 얻기 위해 이리저리 주를 코딩 할 필요없이 이러한 유형의 기능을 얻을 수있는 방향으로 날 지점 수 있습니다. 당신이 더 나은 솔루션이있는 경우

, 내가 모든 귀를입니다!

을

감사합니다.

Answer 1

addEmployee.aspx 기능을 사용자 정의 컨트롤에 캡슐화 할 수 있다면 이 사용자 정의 컨트롤 (addEmployee.ascx)을 그리드가있는 페이지로 이동합니다 (예 : viewEmployee.aspx)

그런 다음 모달 팝업 확장기 (ajax 컨트롤 툴킷을 사용하는 경우)를 사용하여이 addEmployee.ascx 컨트롤을 표시 할 수 있습니다 사용자는 종업원을 추가하기위한 대응하는 로직을 갖는 저장 버튼을 갖는다.

또한 ajax 제어 툴킷의 경우 updatepanels를 사용하는 경우 gridof의 항목 목록을 새로 고치는 listofEmployeeUpdatePanel.Update()를 수행합니다.

이것은 현재 현재 응용 프로그램에서 매우 유사한 사용 사례를 구현하는 방법입니다.

이 접근법의 단점은 다음과 같습니다. addEmployee.ascx 사용자 정의 컨트롤은 원본 페이지의 일부이며 사용 여부에 관계없이 크기에 추가됩니다.

Answer 2

당신의 경우에는 jquery facebox 플러그인을 사용하여 모달 팝업을 표시하거나 매우 유연하고 사용하기 쉬운 프로토 타입 javascript를 참조 할 수 있습니다.

facebox의 경우 facebox로 iframe을 모달 팝으로 표시 할 수 있습니다. 그래서 iframe에 링크를 넣을 수 있습니다. 대안으로, "facebox"는 멋진 GUI를 가진 "fancybox"입니다. 그것은 전에 그것을 사용했기 때문에 그것은 환상적으로 작동합니다.

희망이 도움이 될 것입니다.

Answer 3

귀하의 모달에 addEmployee.aspx를 가리키는 IFrame을 넣을 수 있습니다. 온,

protected void btnHidden_Click(object sender, EventArgs e) 
{ 
    //Hidden button was clicked. Update grid. 
} 

다음 : 그리드를 업데이트하는 코드를 포함해야하는, 심지어는 숨겨진 버튼에 Cick 추가

<div style="visibility: hidden; display: none;"> 
    <asp:Button ID="btnHidden" runat="server" /> 
</div> 

: 그럼, 같이, 메인 페이지에 숨겨진 버튼을 추가 addEmployee 내에서 "추가"클릭 이벤트.내부에 제 8 그리드의 각 포장 것

function submitHiddenButton() { 
    var btn = $get('<%= btnHidden.ClientID %>'); 
    btn.click(); 
}