TextBox

多种创建方式

两种创建方式: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弹出框的层级优先级最高,会一直保持在最上

  • 脚本