miniui自定义messageBox框_mini.showmessagebox-优快云博客

本文链接：https://blog.youkuaiyun.com/u011422744/article/details/52037911

这篇博客介绍了如何在miniui中自定义messageBox框，提供了miniui MessageBox的官方链接，并给出了自定义messageBox的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

- - 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;">客&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户：</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样式,很重要