关于easyui的弹窗按钮重写心得

最新推荐文章于 2024-05-11 16:34:19 发布

原创最新推荐文章于 2024-05-11 16:34:19 发布 · 708 阅读

0 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

2 篇文章

订阅专栏

本文分享了在使用EasyUI时，针对弹窗按钮进行重写的操作经验，包括如何实现弹窗的重置和提交功能，通过代码实例详细解析了重写过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

easyui重置弹窗提交,代码如下

function edit(index){
	$("#staff").datagrid('selectRow',index);
		var row = $("#staff").datagrid('getSelected');//获取当前行
		//弹出修改框	
		var param = {
	            id:'edits',//页面id
	            url: '__URL__/edit/json/1/id/'+row.id,//提交路径
	            title: '修改信息',//标题
	            size: '700|620',//页面大小
                buttons:[{ text: '提交', iconCls: 'icon-accept', handler: function () {
                     var isValid = $("#edits").form('validate');//验证必填字段
                     if (!isValid) {
                         return isValid; // 返回false，终止表单提交
                     }
                        var data = $('#editsform').serializeJSON();//提交from表单的数据
                        $.post('__URL__/edit',data,function(res){//post提交后台处理数据
                            if(res.status == 'success'){
                                  $('##staff').datagrid('reload');只刷新列表
								//$.Sean.refreshTabs();//刷新整个页面重置条件
                                  $.messager.alert('消息提醒',res.info,'info') //成功提示
                            }else{
                                 $.messager.alert('消息提醒',res.info,'info') //失败提示
                            }
                        },"json")
                    }},
                    { text: '取消', iconCls: 'icon-cancel', handler: function () { 
                                $('#edits').dialog('destroy');//关闭弹窗
                            } 
                        }]
                    };
	        $.Sean.CreateDialog(param);//创建窗口
	}