easyUi load方法重新加载表单的数据

1.表单回显数据的方法

<script>　　//方法一function loadLocal(){$('#ff').form('load',{name:'myname',email:'mymail@gmail.com',subject:'subject',message:'message',language:'en'});}//方法二function loadRemote(){$('#ff').form('load', 'form_data1.json');}//清空表单数据function clearForm(){$('#ff').form('clear');}</script>

2.通常在我们项目中点击编辑按钮,将我们的表单数据进行回显并可以进行编辑(也可以只允许查看)

 通常是这样一种机构

<div><form><table><tr> ...  </tr></table></form>
</div>

3.项目中代码示例

<div id="mydialog" title="新增轮播记录" modal="true" draggable="false"class="easyui-tabs easyui-dialog" closed="true"style="width: 80%; height: 96%; margin: auto;; display: none;"><div data-options="title:'轮播记录'"><form id="myform" action="" method="post"enctype="multipart/form-data"><input type="hidden" name="id" value="" /><table class="formTable" style="width: 600px;"><tr><th>轮播图片名称：</th><td><input id="imageName" type="text" name="name"style="width: 400px;" class="easyui-textbox"data-options="required:true" /></td></tr><tr><th>轮播图片跳转地址:</th><td><input id="url" type="text" name="url"style="width: 400px;" class="easyui-textbox"data-options="required:true" /></td></tr><tr><th>循环起始时间:</th><td><input id="startTime" type="text" name="startTime"style="width: 400px;" class="easyui-datetimebox"data-options="required:true" /></td></tr><tr><th>循环结束时间:</th><td><input id="endTime" type="text" name="endTime"style="width: 400px;" class="easyui-datetimebox"data-options="required:true" /></td></tr><tr><th>logo图片:</th><td><input id="logoFileId" type="file" name="file"multiple="multiple" style="display: none;"/><input type="hidden" name="fileId" value="" /></td></tr></table><br/></form></div></div>

4.JS文件中的代码

//编辑方法function getAucDetail(id) {$.ajax({type : "POST",url : parent.baseUrl+"recycle/findRecycleImageById/" + id,data : null,dataType : 'json',success : function(result) {renderEditForm(result);    },error : function(result) {}});
};

5.重新load数据

function renderEditForm(data) {var dlg = $('#mydialog').dialog({title : '修改轮播图片记录',buttons : [ {text : "保存",handler : function() {　　　　　　　　　　//修改数据方法updateFormSubmit();}}, {text : "关闭",handler : function() {dlg.dialog('close');}} ]});$('#myform').form('load', { // 调用load方法把所选中的数据load到表单中,非常方便id:data.id,name : data.name,url : data.url,startTime : data.startTime,endTime : data.endTime,fileId:data.fileId});// render图片if (data.fileId == null || data.fileId == '') {$(".imgRender").remove();$(".imgUploader").show();} else {renderImages("logoFileId", data.fileId);}$('#mydialog').dialog('open'); // 打开窗口
}

6.这里load方法的KEY是html文件的name属性值

7.修改表单数据提交方法

function updateFormSubmit() {if ($('#myform').form('validate')) {$.ajax({type : "POST",url : parent.baseUrl+'recycle/update',data : $('#myform').serialize(),dataType : 'json',success : function(result) {$('#mydialog').dialog('close');$('#t_webImage').datagrid('reload');$('#t_webImage').datagrid('unselectAll');$.messager.show({title : '提示信息!',msg : '操作成功!'});},error : function(result) {}});}else{alert("请先将轮播图片记录的必填详细信息填写完整");}
}

easyUi load方法重新加载表单的数据相关推荐

easyUi load方法重新加载表单的数据
1.表单回显数据的方法 <script> //方法一function loadLocal(){$('#ff').form('load',{name:'myname',email:'myma ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{code: '01',name: 'name01' }); easyui修改操作的回显方法 ...
EasyUI加zTree使用解析 easyui修改操作的表单回显方法验证框提交表单前验证 datagrid的load方法...
带参提交一次查询,从服务器加载新数据.这是一个神奇的方法 $('#dg').datagrid('load',{code: '01',name: 'name01' }); easyui修改操作的回显方法 ...
如何在微信小程序中加载自己的地图数据
由于微信小程序无法进行DOM操作,导致像openlayers.leaflet这种常用的js库无法在微信小程序内使用,导致加载高德.百度.mapbox还有自定义的瓦片地图数据变得很困难. 目前,大多数情 ...
easyui form 返回html,form（表单） - TopJUI前端框架，不用写JS代码的EasyUI
Form(表单) 使用$.fn.iForm.defaults重写默认值对象 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用vali ...
html表单提交不判断,请问jquery有方法可以判断一个表单提交之后结果是成功或不成功吗？...
具体是这样的,今天在做项目的时候用到layer弹出插件,我弹出的是一个iframe层.我用了ajax提交,通过ajax提交后的回调判断提交是否成功,成功就调用parent.layer.close(in ...
两种方法动态加载外部原生JS文件
//方法1----------------------------------------document.write("<script src='js/external.js'> ...
利用 JQuery的load函数动态加载页面
利用JQuery的load函数动态加载页面 JQuery有好多Ajax函数,其中load是用来动态加载一个页面的内容到指定的dom元素上. 我们来做个例子: 做一个上下(左右)结构的页面,其中下左部分 ...
java静态方法加载顺序_java中类以及方法的加载顺序
先看下面的代码: public class Test { public static int a =0 ; static { a = 10; System.out.println("静态代码 ...

easyUi load方法重新加载表单的数据

easyUi load方法重新加载表单的数据相关推荐

最新文章

热门文章