900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > EASYUI 表单(FORM)用法

EASYUI 表单(FORM)用法

时间:2018-11-27 14:31:28

相关推荐

EASYUI 表单(FORM)用法

1,ajax提交只是简单的异步和文本提交。提交的数据需要序列化或程序指定。同时,数据也需要自己验证。如果使用easyui的验证组件validatebox,则需要在提交前调用,如下:

if ($("#formname").form("validate")){

$.ajax(......)

}

2,easyui的form提交也可以实现无刷新提交,而且可以提交file。但是easyui的form提交是通过ifram实现的,定位在屏幕的-1000,-1000位置,变相不显示,提交的数据也不需要程序指定和序列化。通过此方式传递的数据是不能被firebug捕捉到的。form提交自动调用validaebox组件验证提交。

3,ajax可以指定dateType:‘json’,但form提交需要对返回的数据进行JSON转换,调用$.parseJSON().

1,提交与验证:

jQuery EasyUI里表单(Form)的用法和jQuery里AJAX的用法差不多。这些参数的用法

只需在OnSubmit事件中使用Return$("#form1").form('validate');即可。该方法会自动对我们指定的required=true的验证字段进行验证,不通过时会返回false:

$('#fm_line').form('submit',{url:'line!saveBgLine.do',onSubmit:function(){if($("#fm_line").form("validate"))returntrueelsereturnfalse;},//注意ajax的url的后台action方法必须有返回值return"json",而不是returnnull,否则下面的回调函数不起作用,sucess方法失效success:function(data){//此处data={"Success":true}实际为字符串,而不是json对象,需要用如下代码处理varobj=jQuery.parseJSON(data);if(obj.Success){$.messager.alert('消息','保存成功!');$('#tab_line').datagrid('reload');$("#fm_line").form("clear");top.location.href = "main/main.html"; //转主页面}else{$.messager.alert('消息','保存失败!');}}});

2,使用easyUi

添加 jquery.js,easyui.js

添加本地支持easyui-lang-zh_CN.js

样式表easyui.css和图标icon.css

3,调试对象。

console.info($('#obj')); 不要使用alert

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。