## 彈窗插件
**用于彈窗展示信息**
```typescript
$.CreateModal(id: string, set: IModalSetting)//參數設置如下IModalSetting所示
interface IModalSetting {
//彈窗標題
title: string,
//觸發彈窗的元素
modalHandle?: string,
//模板名稱
tmplName?: string,//可用選擇器使用頁面內嵌模板，也可使用html模板
//觸發彈窗后額外的行為
addEvent?: any,////modal實體作為參數
//確定按鈕點擊后的行為
okEvent?: any,//modal實體作為參數
//初始化事件，頁面初始化時的行為
init?: any,//modal實體作為參數
//彈窗隱藏后的行為
hideEvent?: any,//modal實體作為參數
//添加額外的class修改樣式
cssClass?: string,
//確定按鈕標題
okTitle?: string,
//取消按鈕標題
cancelTitle?: string,
}
//彈窗模板（可變更）
modalTemplates={
dialog://窗體容器
"<div class='modal' role='dialog' data-backdrop='static' >" +
"<div class='modal-dialog' >" +
"<div class='modal-content'>" +
"<div class='modal-body'></div>" +
"</div>" +
"</div>" +
"</div>",
header://頁眉
"<div class='modal-header'>" +
"<a class='close' data-dismiss='modal' aria-hidden='true'>×</a><h4 class='modal-title'></h4>" +
"</div>",
footer://頁腳
"<div class='modal-footer'></div>",
cancleButton://取消按鈕
"<a class='btn btn-secondary default btnCancel' data-dismiss='modal' aria-hidden='true'></a>",
okButton://確認按鈕
'<button class="btn btn-primary blue btnOk"></button>'
}
//e.g.
//新建彈窗
var modal = $.CreateModal("test",{
title:"審批說明",
tmplName:"#checkMemo",
okTitle:"同意",
cancelTitle:"拒絕",
cssClass:"test",
init:function(){console.log("初始化");},//載入頁面后打印'初始化'
okEvent:function(){console.log("同意");}//點擊同意按鈕后打印'同意'
hideEvent:function(){console.log("隱藏");}//關閉彈窗后打印'隱藏'
addEvent:function(){console.log("新增");}//彈窗顯示前打印'新增'
});
//控制彈窗
modal.Show();//顯示彈窗
modal.Hide();//隱藏彈窗
modal.resetOk();//取消OK按鈕禁用
```
