在Aras中除了TOC View可以顯示畫面外，Form Dialog也能夠顯示MVC網頁畫面，Form Dialog是利用Aras中的Action來觸發彈跳視窗且顯示畫面

Form Dialog

1. 首先先進入Aras建立一個Method,製作出彈跳視窗畫面，其中的參數可以設定視窗標題、寬度、高度等等...，content這個參數後面則是要填入MVC網頁完整的URL，URL後面則是可以自行加入想傳的參數，程式碼如下
   

var topWnd = aras.getMostTopWindowWithAras(window);
var aras_localhost = window.location.hostname;
topWnd = topWnd.main || topWnd;

var params = {
    title: 'WebMVC',
    aras: aras,
    dialogWidth: 1300,             
    dialogHeight: 700,               
    content: 'http://'+aras_localhost+':8088/WebMVC/CADs/Aras'
};

topWnd.ArasModules.Dialog.show("iframe", params);

2. 在建立一個物件動作(Action)，用來觸發開啟Form Dialog視窗，Method則加入剛剛所新增的WebMVC
   

3. 接著因為剛剛Action的Type是選擇Generic，所以能在最外面的大廳中看到剛剛所建立的Acion，點選後就能看到網頁成功的在Form Dialog中顯示，這樣子就完成了將MVC網頁嵌入Form Dialog彈跳視窗中了
   
   

Search Form Dialog

1. 另外我們可以也發現到Aras裡面也有不少的Form Dialog，這邊顯示的是內建的Part零組件搜尋視窗，可以直接搜尋Aras中的所有Part零組件
   

2. 當然我們也可以自製這個搜尋視窗，能夠做不同ItemType的搜尋，這邊示範的是Part的搜尋，步驟跟上面介紹的一樣，新建立一個Mehtod與Action，程式碼如下
   

var param = {
    aras: top.aras,
    type: 'SearchDialog',
    dialogWidth: 700,
    dialogHeight: 450,
    itemtypeName: 'Part'
};

function callback(res) {
    if (res) {
        var itemNumber = res.keyed_name;
    }
}

var topWnd = top.aras.getMostTopWindowWithAras();
var wnd = topWnd ? topWnd : window;
wnd.ArasModules.MaximazableDialog.show('iframe', param).promise.then(callback);

3. 最後點選剛剛建立的Action後，就能成功看到Part搜尋在Form Dialog中顯示