点击新增按钮，弹出对话框，并且对话框加载另外一个页面的内容的具体实现

最新推荐文章于 2024-07-25 14:45:39 发布

慢慢成长的我

最新推荐文章于 2024-07-25 14:45:39 发布

阅读量1.3w

点赞数 1

分类专栏： easyui学习

本文链接：https://blog.csdn.net/u012027337/article/details/52539741

版权

这篇博客介绍了如何在点击新增按钮后弹出对话框，并在对话框中加载另一个页面的内容。通过JavaScript实现按钮事件处理，结合后台Java的loadReport.action方法完成内容加载。

摘要由CSDN通过智能技术生成

今天在做一个功能的时候，我要实现：点击新增按钮，弹出对话框，并且对话框加载另外一个页面的内容

具体实现如下：

1、新增按钮的实现代码（js部分）：

//弹出框跳转页面
 function toPage(flag){
	 var path="/template/report_27"; //对话框要加载的页面所在路径
	 $('#table').dialog({
		    title: "新增页面",
		    width:800,
		    height: 500,
		    closed: false,
		    cache: false,
		    href: "${base}/fill/loadReport.action?path="+path,
		    modal: true,
		    
		    buttons: [{
                text: '保存',
                iconCls: 'icon-ok',
                handler: function () {
                    alert('ok');
                }
            }, {
                text: '关闭',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#table').dialog('close');
                }
            }]
		});
 }

2、