2010-11-30 9 views
1

gridview가 포함 된 응용 프로그램이 있습니다. 사용자가 gridview에서 항목 중 하나를 선택하면 gridview에서 선택한 항목의 미리 채워진 정보가있는 양식이 포함 된 jQuery 대화 상자를 표시 할 수 있기를 원합니다. 지금은 모달 대화 상자로 설정된 HTML 텍스트 상자가있는 div가 있습니다. 사용자가 해당 항목을 클릭하면 선택한 항목의 ID를 쉽게 검색 할 수 있습니다. 문제는 데이터베이스로 나가서 세부 정보를 얻고 사용자에게 대화 상자를 표시하기 전에 일부 텍스트 상자 및 기타 요소를 미리 채우고 싶을 때입니다.jQuery 모달 대화 상자 채우기 양식

사용자가 쉽게 항목을 클릭하면 항목이 이미 채워진 선택 항목의 일부와 함께 처리되도록 제출할 수 있습니다. 가장 쉬운 방법은 무엇인지 궁금합니다. 지금 당장은 gridview에서 항목을 선택하면 jQuery를 사용하여 코드가있는 [WebMethod]에 ID가있는 Ajax 게시물을 사용하여 데이터베이스에서 벗어나 레코드의 모든 세부 정보를 얻을 수 있습니다. 문제는 명백한 이유 때문에 WebMethod가 마술처럼 폼의 필드를 채울 수 없다는 것입니다. 필자는 모든 정보를 아약스 쿼리에 다시 보낼 수는 있지만, 내가 보낸 임의의 데이터와 그들이 속한 필드와의 실질적인 강력한 연결이 없기 때문에 상당히 복잡합니다.

많은 내용이 큰 소리로 고민 중입니다.하지만 저는 ASP.NET에서 jQuery와 Ajax를 사용하는 방법을 더 잘 이해하고 있습니다.

도움을 주셔서 감사합니다.

답변

0

있는 gridview 버튼에 속성을 추가 :이 문제는 대화 상자의 게재되지 않는

function ShowDialog(){ 
     //setup the dialog 
$('#dialog).setup(function(){ 
    ......, 
    buttons: "OK", function(){ 
    //save by calling btn2.click() where btn2 is a hidden button that handles save logic in server side 
}); 
}); 
     $('#dialog').show(); 
    return false; 
    }); 
+2

, 그것은 일부 요소가있는 양식을 사용하여 대화 상자를 채우는

btn.Attributes.Add("onclick","ShowDialog();"); 

클라이언트 스크립트 데이터베이스 호출에서 채워집니다. 아약스 호출에 양식의 html을 만드는 대신 양식의 이러한 요소를 채울 좋은 방법이 있는지 알고 싶습니다. –

+0

예 실제로 대화 상자에 html이 표시되므로 숨겨진 div에 양식과 서버 컨트롤이있는 것입니다. 당신은 서버 측의 필드를 채운 다음 대화 상자를 사용하여 div를 표시합니다. –

+0

이 솔루션의 문제점은 서버 컨트롤이 초기 페이지로드 후 정보를 검색해야한다는 것입니다. 페이지는 사용자가 모서리를 선택하는 모눈 대화 상자와 함께로드되어 모달 대화 상자를 시작합니다. 컨트롤이 페이지의 div 내에 숨겨져있을 때 정보 서버 측을 채우려면 gridview를 클릭 할 때 동적으로 서버 측 프로그래밍으로 채울 수 없습니다. –