easyui form load方法使用教程

Posted 2021-08-16 yqj234

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");
                    }

 });