Easyui03-messager

message框用来替代原生的alert,confirm弹框.

$(function(){

$.messager.alert('警告','警告消息');  

//替代confirm框,如果选择确认,r返回true

$.messager.confirm('请确认信息','您确认想要删除记录吗?',function(r){    

    if (r){    
        alert('确认删除');    
    }    

});  

//在页面右下角弹框,并在5秒后消失

$.messager.show({
title:'余额不足',
width:200,
height:150,
msg:'您的余额已不足,请及时到吧台充值!',
timeout:5000,
showType:'slide'
});
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui 的 messager 组件中,如果需要将消息提示框变成下拉框的形式,可以使用 easyui 的 combobox 组件。具体实现步骤如下: 1. 在页面中引入 easyui 的 combobox 和 messager 组件: ```html <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/easyui/1.8.0/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/easyui/1.8.0/themes/icon.css"> <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/easyui/1.8.0/jquery.easyui.min.js"></script> ``` 2. 创建一个 combobox 元素,并设置其属性: ```html <input id="mycombobox" class="easyui-combobox" style="width:200px;" data-options=" valueField: 'id', textField: 'text', panelHeight: 'auto', editable: false, onSelect: function(record){ $.messager.alert('提示', '您选择了:'+record.text, 'info'); } "> ``` 其中,`valueField` 和 `textField` 分别指定了下拉框中选项的值和显示文本的字段名,`panelHeight` 设置下拉框的高度自适应,`editable` 设置下拉框不可编辑,`onSelect` 事件处理函数在用户选择下拉框中的某个选项时触发,弹出消息提示框。 3. 初始化 combobox 中的选项: ```javascript $('#mycombobox').combobox('loadData', [{ id: 1, text: '选项一' }, { id: 2, text: '选项二' }, { id: 3, text: '选项三' }]); ``` 这里使用了 `loadData` 方法将选项数据加载到 combobox 中。 通过以上步骤,就可以将 easyui 的 messager 组件变成下拉框了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值