用來打開一個輸入窗口，窗口內可以自由設定變數讓用戶使用所有的查詢元件輸入，通常用在調用前端或後端的JS方法所要輸入的變數窗口。其實，PromptDialog元件就是DataGrid的QueryColumns功能差不多，差異QueryColumns是專用在DataGrid的查詢，PromptDialog則用途比要廣泛，可以查詢資料或Server Method所要傳送參數的輸入介面。

下面以rwdSingle1為例。

 

Step1>       貼入一個【PromptDialog】組件

 

Step2>       點擊【Columns】，新增一個欄位，【Title】屬性輸入為測試輸入窗口。表示提示輸入窗口的Title為測試輸入窗口。

 

【Columns】設定一個虛擬欄位如下:

Title輸入為姓名。

Field輸入text1。

NewRow設定為false。

Span設定為1。

Editor屬性選擇textbox。

 

說明如下圖

 

Step3>       然後利用DataGrid的【Toolitems】，執行一個JS來觸發這個PromptDialog，如下:

 

首先我們找到dgMaster這個【DataGrid】元件，【ToolItems】屬性編輯器進入，我們添加一個按鈕，用來呼叫開啟PromptDialog的程式。

 

【Text】屬性設定為"OpenPromptDialog"，【onClick】輸入"OpenPromptDialog"。表示呼叫js的方法OpenPromptDialog

。

 

我們切換到【原始碼】頁，將下面這段代碼貼入：

function OpenPromptDialog()

{

    $('#PromptDialog1').promptdialog('show', function(row){  // 開啟輸入窗口

        //點擊確定後執行的js

        var name = row.text1;//取得text1的欄位值

        alert(name);

    });

}

 

Step4>       保存後執行結果：按下OpenPromptDialog按鈕，此時會開啟一個提示輸入窗口，輸入好姓名後，按下確定會alert姓名。如下: