miniui自定义messageBox框

      • 1miniui的MessageBox官网
      • 2miniui自定义messageBox框

1、miniui的MessageBox官网

http://www.miniui.com/demo/#src=messagebox.html

2、miniui自定义messageBox框

例子:

var htmls =
            '<div id="taskForm" style="width:100%; height:100%;overflow:hidden;">'+
                '<div class="mini-panel-table" >'+
                    '<table>'+
                        '<tr>'+
                            '<td style="width:80px;text-align:right;"><span style="color: red;">*span>任务名称:td>'+
                            '<td>'+
                                '<input class="mini-textbox" style="width:250px;" id="taskName" name="taskName" required="true"/>'+
                            'td>'+
                        'tr>'+
                        '<tr>'+
                            '<td style="width:80px;text-align:right;">客       户:td>'+
                            '<td>'+
                                '<div id="customerId" name="customerId" class="mini-combobox" style="width:250px;"'+
                                    ' textField="name" valueField="id" showNullItem="true" nullItemText="请选择..." emptyText="请选择...">div>'+
                            'td>'+
                        'tr>'+
                        '<tr style="height:50px;">'+
                            '<td colspan="2" style="text-align: right; ">'+
                                '<a class="mini-button" id="btnConfirm" style="width: 60px; margin-left: 75px;">保存a>'+
                            'td>'+
                        'tr>'+
                    'table>'+
                'div>'+
            "div>";

        mini.showMessageBox({
            width: 400,
            title: "请输入",
            message: htmls,
            showModal: false,
            callback: function (action) {
            }
        });
        mini.parse(); // 加载miniui样式,很重要

你可能感兴趣的:(miniui)