easyui form load方法使用教程

最新推荐文章于 2021-08-27 15:12:42 发布

yqj234

最新推荐文章于 2021-08-27 15:12:42 发布

阅读量1.4k

点赞数 1

分类专栏： EASYUI

本文链接：https://blog.csdn.net/yqj234/article/details/118891447

版权

EASYUI 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文详细介绍了EasyUI框架中form表单的load()方法，用于从JSON数据中填充表单内容。通过url地址或直接传入JSON字符串，可以实现数据自动填充到input、combobox和radio等表单元素。对于不一致的key，需要手动设置值。示例代码展示了如何处理datagrid选中行数据加载到表单，以及combobox和radio元素的赋值方法。

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

easyui form表单中的load()，官方api解释如下：

参数类型

参数类型
url地址	返回类型：json字符串
json字符串	上下文中：json字符串或json字符串变量

1 json 字符串：在一般应用程序中，我们可以通过datagrid，选中其中一行记录的数据，去加载表单的内容，代码如下：

// 这是返回的也是一个字符串
var record = $("#datagrid_id").datagrid("getSelected");  
// 实现表单自动填充 
$("#form_id").form("load", record);

2 表单元素自动填充：对于普通的input元素，只要json中的key与表单元素的name一致，就可以自动填充，如果不一致，只能手动通过获取元素$("#name").val(record.name); 去设置，比较麻烦的是对于combobox, radio元素的赋值，代码如下

//列表框自动填充 combobox:  
 $('#provinceSelect').combobox('setValue', record.provinceId);

//单选或多选框填充，radio:  
$("#userForm input[name='userType']").each(function() {
                    if ($(this).attr("value") == record.userType) {
                        $(this).attr("checked", "checked");
                    }

 });