easyui修改回显使用form("load",row)

最新推荐文章于 2024-04-15 05:55:24 发布

黄宝康

最新推荐文章于 2024-04-15 05:55:24 发布

阅读量4.8k

点赞数 2

分类专栏： easyui-api 文章标签： easyui修改回显使用form("load" row)

本文链接：https://blog.csdn.net/huangbaokang/article/details/87161272

版权

本文介绍了如何在EasyUI项目中实现业务数据的回显，特别是针对修改操作。通过在页面按钮点击事件中调用openRoleModifyDialog()函数，打开对话框，并使用`$("#fm").form("load", row)`方法，将row对象中的数据自动填充到form表单的相应输入框，实现数据的便捷回显。" 103620071,7467605,"数据库操作：Union, Union All与Intersect详解

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

在项目中修改涉及到业务数据的回显，easyui提供了一种简单的方法，这个也是我看其他项目源码了解到的，记录下博客。
页面按钮为一个easyui-linkbutton

<a href="javascript:openRoleModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>

点击调用一个openRoleModifyDialog()函数，函数实现如下：

function openRoleModifyDialog(){
		var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要修改的数据！");
			 return;
		 }
		 var row=selectedRows[0];
		 $("#dlg").dialog("open").dialog("setTitle","修改角色信息");
		 $("#fm").form("load",row);
		 url="/admin/role/save?id="+row.id;
	 }

打开一个dialog，数据回显使用 $("#fm").form(“load”,row);