2012-11-28 31 views
1

當我們點擊搜索按鈕時,我有一個要求顯示彈出窗口(可能與人類選擇器窗口類似)。該彈出窗口應該包含一個文本框,並且當我們輸入文本並單擊搜索時,結果應該來自數據庫表中相同的彈出窗口。我以爲在做像window.open這樣的asp.net彈出窗口。但是知道這些並不是首選的方式。我應該去jquery顯示結果。它會更復雜嗎?我不是問整個解決方案。我在問什麼是最好的辦法。用Asp.net或Jquery?如果在jQuery中,你能給我提示如何實現。我正在開發這個共享點項目。選擇顯示共享點編碼中的彈出窗口的控件

回答

0

您是否嘗試過使用JqueryUI對話框

dialogue

添加必需的這是會彈出DIV中input框。

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

你可以修改div和jQuery的幫助,你可以改變顯示彈出。

+0

謝謝milind ...但如何將值從彈出窗口傳遞到主頁面?相反,我想執行查詢從數據庫,並希望在這裏顯示。 – Mihir

+0

@Mhhir:您可以使用jquery獲取div的數據,然後將其附加到主頁中的DOM中。這將解決將數據從彈出窗口傳遞到主頁面的問題。你也可以使用jquery將數據庫查詢的結果附加到div。 –

1

您可以使用SharePoint的ModalDialog框架來管理這樣的事情。 http://msdn.microsoft.com/en-us/library/ff410058(v=office.14).aspx

  • 創建你的頁面(應用程序頁面,Web部件頁,等...),其中包含您的搜索按鈕和結果。
  • 添加一個鏈接或按鈕,調用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); 
} 

我希望這有助於。