多种创建方式
两种创建方式:js动态;html静态。
- 脚本
- 结构
//创建main var main = document.createElement('div'); document.body.appendChild(main); var dialog = ui.create('Dialog', { title: '电你', content: '随便创建随便创建随便创建', width: 400, main: main }); dialog.show(); var btnOk = dialog.getFoot().getChild('btnOk'); var btnCancel = dialog.getFoot().getChild('btnCancel'); btnOk.on('click', function(){ alert('随便创建!'); dialog.dispose(); }); btnCancel.on('click', function(){ alert('不!!!!'); dialog.dispose(); });
<div data-ui-id="staticDg" data-ui-type="Dialog" data-ui-width="400" data-ui-draggable="true" data-ui-closeOnHide="false" data-ui-mask="true" > <h1 data-role="title">我来自静态html</h1< <div data-role="content"< <p>第一行</p> <span data-ui="type:Button;id:springBtn;skin:spring">显示文字</span> </div> </div>
我来自静态html
第一行
显示文字两种默认框
两种默认框:警告框(Alert);确认框(Confirm)
- 脚本
var alertDialog = Dialog.alert({ title: '电你', content: '请不要随便点我!请不要随便点我!请不要随便点我!请不要随便点我!请不要随便点我', width: 400, onok: function() { alert('关了2!'); } }); alertDialog.on('ok', function(){ alert('关了!'); }) var confirmDialog = Dialog.confirm({ title: '给你机会选择', content: '确定要点我吗?te', onok: function() { alert('你死定了2!'); }, width: 400 }); confirmDialog.on('ok', function(){ alert('你死定了!'); }) confirmDialog.on('cancel', function(){ alert('算你识相!'); })
mask优先级
Alert和Confirm弹出框的层级优先级最高,会一直保持在最上
- 脚本