BOS物流项目10———easyui中messager和menubutton基本使用

BOS物流项目10———easyui中messager和menubutton基本使用

一、EasyUI Messager 消息框

1.1 说明

通过 $.messager.defaults 重写默认的 defaults。

消息框（messager）提供不同样式的消息框，包括警示（alert）、确认（confirm）、提示（prompt）、进展（progress）等等。所有的消息框都是异步的。用户可以在与消息框交互后使用回调函数来完成一些动作。

主要使用说以下三个方法：show,alert,confirm

名称	参数	说明
$.messager.alert	title, msg, icon, fn	显示一个警告提示窗口。参数： title：显示在头部面板上的标题文本。 msg：要显示的消息文本。 icon：要显示的图标图片。可用的值是：error、question、info、warning。 fn：当窗口关闭时触发的回调函数。 代码实例： $.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm	title, msg, fn	显示一个带”确定”和”取消”按钮的确认消息窗口。参数： title：显示在头部面板上的标题文本。 msg：要显示的消息文本。 fn(b)：回调函数，当用户点击确认按钮时传递一个 true 参数给函数，否则给它传递一个 false 参数。 代码实例：$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){ if (r){}});
$.messager.show	options	在屏幕的右下角显示一个消息窗口，options 参数是一个配置对象： showType： 定义消息窗口如何显示。可用的值是：null、slide、fade、show。默认是 slide。 showSpeed： 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。 width：定义消息窗口的宽度。默认是 250。 height：定义消息窗口的高度。默认是 100。 title：头部面板上显示的标题文本。 msg：要显示的消息文本。 style：定义消息窗口的自定义样式。 timeout：如果定义为 0，除非用户关闭，消息窗口将不会关闭。如果定义为非 0 值，消息窗口将在超时后自动关闭。默认是 4 秒。

1.2 alert测试图示

1.3 alert 代码

<a id="but1" class="easyui-linkbutton">alert测试</a>
<script type="text/javascript">
    $(function(){
    
        $("#but1").click(function(){
    
            $.messager.alert('测试','这个这是测试而已','error',function(){
    
                alert("点击了 确定");
            });
        });
    });
</script>

1.4 confirm测试图示

1.5 confirm 代码

<a id="but2" class="easyui-linkbutton">confirm测试</