`
我不想将就
  • 浏览: 6338 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

easyui $.messager.confirm的位置定位

 
阅读更多
今天用到easyui 的$.messager.confirm, 但是位置不理想,我的程序是这样的,在点击删除的时候,确认一下,下面是确认框 弹出自动生成的三个div,
第一个div显示层

<div class="panel window messager-window" style="display: block; width: 300px; left: 527px; top: 551px; z-index: 9036; position: absolute;"></div>


第二个div为阴影层

<div class="window-shadow" style="display: block; left: 527px; top: 551px; z-index: 9035; width: 300px; height: 162px; position: absolute;"></div>

第三个div为遮罩层

<div class="window-mask" style="width: 1349px; height: 811px; display: block; z-index: 9006;"></div>

前二个div决定了确定框的位置,我们怎么控制呢,我的删除代码handler function 是这样写



text : "删除",
iconCls : "icon-remove",
handler : function() {
var rows = $obj.datagrid("getSelections");
//$.messager.show();

$.messager.confirm('Confirm','确认删除'+rows.length+'名客户吗?,想清楚了',function(r){
for(var i=0;i<rows.length;i++){
deleterow(rows[i]);
}
});
$(".page-body").find(".messager-window").css({"display": "block",
"width": "300px",
"left": "527px",
"top": "551px",
"z-index": "9036",
"position": "absolute"});
$(".page-body").find(".window-shadow").css({"display": "block",
"width": "300px",
"left": "527px",
"top": "551px",
"z-index": "9035",
"position": "absolute"});


在这里你就可以定制自己的confirm 位置了,写出来留着以后用,也分享给大家,希望可以帮到大家
分享到:
评论

相关推荐

    Easyui 提示样式设定 messager颜色方法

    EasyUI提供的Messager组件是一个非常实用的工具,它能够方便地显示各种提示信息,如警告、错误、成功等。然而,其默认的样式可能无法满足所有设计需求,因此,了解如何自定义Messager的提示样式是非常重要的。 标题...

    java easyui即时消息框实例

    例如,`$.messager.confirm`可以创建一个确认对话框,等待用户的确认或取消操作。 总结来说,Java EasyUI的即时消息框提供了一种直观的用户反馈方式,使得开发者可以轻松地在Web应用中添加提示和通知功能。通过结合...

    easyui dialog和messager样式更改

    easyui dialog和messager样式更改,默认样式太丑

    修改easyui messager弹框颜色,根据不同弹框类别修改弹框底色

    当调用 `$.messager.show()` 函数时,可以传入不同的参数来控制弹框的显示,例如标题、内容、持续时间以及类型。其中,类型(type)可以是 'info'、'warn'、'error'、'question' 等,这些预设的类型通常有对应的默认...

    easyui 增加 loading 遮罩

    EasyUI 的 $.messager 对象还提供了其他几种对话框类型,如 `alert`、`confirm` 和 `prompt`,它们可以用来显示不同类型的提示信息。而 `wait` 方法则特别适用于需要用户等待一段时间的情况,例如在进行异步数据请求...

    第15章 Messager(消息窗口)组件1

    - `$.messager.confirm()`: 显示一个确认对话框,用户可以选择确认或取消。回调函数会接收到用户选择的结果(true或false)。 - `$.messager.prompt()`: 提示用户输入信息,带有确认和取消按钮。回调函数接收用户...

    jQuery-easyui中文API

    jQuery-easyui中文API ...$.messager.confirm title, msg, fn 显示一个含有确定和取消按钮的确认消息窗口。参数如下: title:显示在标题面板的标题文本。 msg:确认消息窗口显示 .....................

    java经验积累

    在示例中,`$.messager.confirm`用于弹出确认对话框,`$.post`执行删除操作,如果成功,显示提示信息,并重新加载数据网格`datagrid`。 7. **前端验证**: 虽然示例中没有明确展示,但在实际开发中,前端验证是必...

    Aspdotnet中使用Jqueryeasyui的Confirm

    return $.messager.confirm('提示', message, function(result) { if (result) { // 用户点击了“确定” // 这里可以添加你的处理逻辑 } }); } ``` 然后在按钮的 `OnClientClick` 属性中调用这个函数: ```...

    Jquery EasyUI中弹出确认对话框以及加载效果示例代码

    Jquery EasyUI提供了$.messager组件来实现多种消息提示效果,其中确认对话框可通过$.messager.confirm方法实现。示例代码如下: ```javascript // 弹出确认对话框 function confirm(msg, control){ $.messager....

    jquery-easyui中文详细说明文档完整

    $.messager.confirm('Title', 'Do you want to continue?', function(r) { if (r) { // 用户点击了确认按钮 } }); ``` 4. **分页 (Pagination) 用法** 分页组件用于显示大量的数据,让用户可以逐页浏览。样...

    JQuery弹出框设置

    - ` jQuery.messager.confirm('提示:', '确定要删除吗?', function (event) {` - ` if (event) {` - ` alert('true');` - ` } else {` - ` alert("false");` - ` }` - ` });` - `}` - 弹出一个确认对话框...

    jquery删除提示框弹出是否删除对话框

    需要注意的是,这里的 `$.messager.confirm` 并不是 jQuery 的内置方法,而是可能来自第三方插件,如 jQuery-messager 或 EasyUI。因此,确保你的项目中已经正确引入了这些依赖。 此外,这个实现假设你有一个后端...

    最新jquery+easyui_api培训文档

    $.messager.alert('Info', 'This is a message!', 'info'); ``` **方法** - `alert`: 显示一个消息框。 - `confirm`: 显示一个确认框。 - `show`: 显示消息。 **扩展** - 支持多种消息类型:`info`, `warning`, `...

    jquery easyui使用心得

    // 获取选中行 if (row){ $.messager.confirm('确认','确定要删除该记录吗?',function(r){ if (r){ $('#dg').datagrid('deleteRow',row.index); // 删除行 $.post('del',{id:row.id},function(data){ // 删除请求 ...

    easyui培训文档

    $.messager.alert('Info', 'This is an info message.'); ``` 这行代码用于显示一个提示信息。 ##### 方法 Messager 支持的常用方法有: 1. **alert**: 显示一个提示框。 2. **confirm**: 显示一个确认对话框。 ...

Global site tag (gtag.js) - Google Analytics