对话框
- 可以打开、保存并关闭、不保存并关闭对话框
- 可以随意添加内容
- 可以在打开和保存时和内容的数据进行交流
该对话框会:
- 提供label, confirmlabel, unconfirmlabel, width四个外设特性
- 自动绑定标签里带有[data-source]的第一个元素的value值
- 提供open(value), confirm(), unconfirm()三种方法
- 同时提供save, discard两个事件可供监听
<jie-dialog label="添加网址" width="640">
请输入你想访问的网址:<br>
<input type="url" data-source value="http://">
</jie-dialog>
var dialog = document.querySelector('jie-dialog');
dialog.open('http://www.google.com/');
dialog.addEventListener('save', function (e) {...});
// dialog.confirm();
dialog.addEventListener('discard', function (e) {...});
// dialog.unconfirm();