现在的位置: 首页 > API > easyuiAPI > 正文
jQuery easyui form API
2012年02月13日 easyuiAPI, form ⁄ 共 944字 评论数 6 ⁄ 被围观 25,472 views+
文章目录
[隐藏]

插件简介:

对于表单,本身就没有什么再被UI的了,所以easyui的表单插件也就是简单地实现了ajax提交,数据加载等常用接口。

使用方法:

<form id="ff" method="post">  
	...  
</form>  
使form支持ajax提交
$('#ff').form({  
    url:...,  
    onSubmit: function(){  
        // do some check  
        // return false to prevent submit;  
    },  
    success:function(data){  
        alert(data)  
    }  
});  
// submit the form  
$('#ff').submit(); 

插件属性:

Name Type Description Default
url string 远程提交数据的url地址. null

插件事件:

Name Parameters Description
onSubmit none 在提交数据之前触发, 如果返回false的话将会终止提交数据.
success data 当数据提交成功的时候触发.
onBeforeLoad param 在从本地或者远程加载数据前触发. 返回false的话将会终止数据的加载.
onLoadSuccess data 当远程或者本地数据加载完触发.
onLoadError none 当加载远程或者本地数据出错的时候触发.

插件方法:

Name Parameter Description
submit options 做提交动作, 入参包含以下属性:
url: 提交的远程 URL
onSubmit: 提交前的回调函数
success: 提交成功后的回调函数
load data 加载本地或者远程数据填充表单,参数可以是字符串型的远程URL也可以是Obj型的本地数据。
clear none 清空表单数据,特别针对numberbox等easyui的其它插件也做了清空。
validate none 对form中使用ValidateBox插件验证的元素进行验证, 只要有一个不通过就返回false.
getData none 从表单获取数据,格式为对象,该方法是在1.2.5基础上扩展的.

插件扩展:

  1. 没有提供获取form数据的方法,不过jQuery里面已经封装了,想按自己的格式再封装成通用接口到easyui的form里面,请参照这里

目前有 6 条留言 其中:访客:4 条, 博主:2 条

  1. shaw : 2012年08月19日02:30:37  -49楼 @回复 回复
  2. star : 2013年01月08日23:53:43  -48楼 @回复 回复
  3. roy : 2013年02月07日17:35:08  -47楼 @回复 回复
  4. 儿童 : 2016年03月14日11:14:52  -46楼 @回复 回复

给我留言

留言无头像?


×