2012-11-28 3 views
1

검색 버튼을 클릭하면 팝업 창이 표시 될 수 있습니다 (사용자 선택 창과 비슷 함). 이 팝업에는 텍스트 상자가 있어야하며 텍스트를 입력하고 검색을 클릭하면 결과가 데이터베이스의 테이블에 동일한 팝업으로 표시됩니다. 나는 같은 asp.net 팝업에서 할 생각. 그러나 이것이 선호되는 방법이 아니라는 것을 알게되었습니다. 결과를 표시하려면 jquery로 이동해야합니까? 훨씬 더 복잡할까요? 나는 전체 해결책을 요구하지 않고있다. 나는 그것을하는 가장 좋은 방법은 무엇인지 묻습니다. Asp.net 또는 Jquery로? jquery에서 달성 할 수있는 방법에 대한 힌트를 제공 할 수 있다면. 나는 이것을 쉐어 포인트 프로젝트 용으로 개발 중이다.셰어 포인트 코딩에서 팝업을 표시하기 위해 어떤 컨트롤을 선택해야합니까?

답변

0

JqueryUI 대화 상자을 사용해 보셨습니까?

dialogue

추가 팝업 것입니다 사업부 내부 input 상자를 요구했다.

<div id="dialog" title="Basic dialog"> 
//textbox with search button box 
</div> 

div를 수정할 수 있으며 jquery를 사용하면 팝업 표시를 변경할 수 있습니다.

+0

감사합니다 milind ...하지만 팝업에서 메인 페이지로 값을 전달하는 방법? 오히려 데이터베이스에서 쿼리를 실행하고 여기에 표시하려고합니다. – Mihir

+0

@Mihir : jquery를 사용하여 div의 데이터를 가져온 다음 메인 페이지에있는 DOM에 추가 할 수 있습니다. 그러면 팝업에서 메인 페이지로 데이터를 전달하는 문제가 해결됩니다. jquery를 사용하여 데이터베이스의 쿼리 결과를 div에 추가 할 수도 있습니다. –

1

SharePoint의 ModalDialog 프레임 워크를 사용하여 이와 같은 작업을 관리 할 수 ​​있습니다. http://msdn.microsoft.com/en-us/library/ff410058(v=office.14).aspx

  • 는 검색 버튼 및 결과가 포함 된 페이지 (응용 프로그램 페이지, 웹 파트 페이지, 등 ...)를 만듭니다.
  • 모달 창에서이 페이지를 열려면 ModalDialog 함수를 호출하는 링크 또는 단추를 추가하십시오.
  • 또한 값을 원래 페이지로 되돌릴 수 있습니다.

    function OpenInModal() { 
        var options = { 
         url: "{The URL to your page}, 
         title: "Search", 
         allowMaximize: true, 
         showClose: true, 
         width: 625, 
         height: 525, 
         dialogReturnValueCallback: silentCallback 
        }; 
    
        SP.UI.ModalDialog.showModalDialog(options); 
    } 
    
    function silentCallback(dialogResult, returnValue) { 
    
    } 
    
    function refreshCallback(dialogResult, returnValue) { 
        SP.UI.Notify.addNotification('Operation Successful!'); 
        SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK); 
    } 
    

    난이 도움이되기를 바랍니다 : 여기에

은 예입니다.

관련 문제