今天接受的任務完成一個為倉庫添加商品的彈窗功能，接下來簡單介紹一下該功能的需求分析

點擊添加，轉到倉庫頁面，為倉庫添加商品，即如下圖所示

點擊添加商品，出來彈窗後選擇商品，點擊確定實現頁面的回顯如下圖所示：

說完需求分析，接下來介紹如何完成

添加有一個事件監聽onaddmateriel()方法

function onaddmateriel(){
$.showModalDialog("" + $$pageContextPath + "bc/commonselect/selectWzCode.do", "商品選擇", this.onaddmaterielSelectCallback, null, 1000, 600, 0);
}

點擊後，執行selectWzCode動作中的retrive(）方法，查詢完數據後，執行

//確定
function onConf1() {
var recs = ajaxgrid.getCheckedRecords();
if (recs.length == 0) {
alert("請選擇商品");
return;
}

$.close(recs);
}
//取消
function onConc1() {
$.close("");
}

執行完成後，執行回調函數onaddmaterielSelectCallback，其中ret為$.close(recs);的返回值

function onaddmaterielSelectCallback(ret){
var wzIncodeAry = "";
if(ret == null || ret.length == 0) {
return;
}
for(var i=0;i<ret.length;i++) {
wzIncodeAry += "," + ret[i].get("wzIncode");
}
wzIncodeAry = wzIncodeAry.substring(1);

var record = ajaxform.collectData(true);
var gridData = ajaxgridlist.collectData(true,"all") ;
var dataArr = [] ;
dataArr.push(gridData) ;
dataArr.push(record) ;

$.request({
action:"insertWzCodeList",
data:dataArr,
params : {
"wzIncodeAry" : wzIncodeAry
},
success:onaddmateriel_back
});
}

彈窗的實現