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


在jQuery EasyUI中,弹出确认对话框以及显示加载效果是常见的操作,通常用于在用户界面上提供用户交互的反馈。下面是一个简单的示例代码,展示了如何使用jQuery EasyUI来实现这两个功能。

### 弹出确认对话框

jQuery EasyUI并没有直接提供名为“确认对话框”的组件,但你可以使用jQuery UI的`dialog`组件结合EasyUI的样式来实现,或者简单地使用`$.messager.confirm`方法(如果EasyUI版本支持)。这里我们使用一个假设的`$.messager.confirm`方法作为示例,因为实际的EasyUI版本可能有所不同。


function showConfirmDialog() {
    $.messager.confirm('确认', '您确定要执行这个操作吗?', function(r){
        if (r){
            // 用户点击了“确定”
            console.log('用户选择了确定');
            // 在这里执行你的操作
        }else{
            // 用户点击了“取消”
            console.log('用户选择了取消');
        }
    });
}

### 显示加载效果

EasyUI提供了`$.messager.progress`方法来显示一个加载中的进度条,你可以用它来表示正在进行的操作。


function showLoading() {
    $.messager.progress({
        title: '请稍候',
        msg: '正在加载中...'
    });

    // 假设这里有一段异步操作
    setTimeout(function(){
        // 异步操作完成后关闭加载效果
        $.messager.progress('close');
        console.log('加载完成');
    }, 2000); // 假设异步操作需要2秒
}

请注意,`$.messager.confirm`和`$.messager.progress`方法的具体实现和可用性可能因jQuery EasyUI的版本而异。如果你的EasyUI版本中不包含这些方法,你可能需要查找相应的文档或使用其他方法(如jQuery UI的`dialog`和`progressbar`)来实现相似的功能。

此外,请确保在调用这些函数之前,已经正确引入了jQuery和jQuery EasyUI的库文件。