现在的位置: 首页 > API > easyuiAPI > 正文
jQuery easyui form API
2012年02月13日 easyuiAPI, form ⁄ 共 944字 评论数 6 ⁄ 被围观 22,587 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楼 @回复 回复

    easyui表单……尼玛 ajax满天飞啊……

  2. star : 2013年01月08日23:53:43  -48楼 @回复 回复

    我的表单也是这样写,但是没用哦,CSS效果出不来。悲剧 🙁

  3. roy : 2013年02月07日17:35:08  -47楼 @回复 回复

    能不能给个表单load url数据后,再调用onLoadSuccess的方法例子?我以submit为例子来做,但是load不到数据的,只能用$(‘#fm’).form(‘load’,url);的方法,但就不知怎样再调用onLoadSuccessb了


    • 管理员
      世纪之光 : 2013年02月10日20:48:53  地下1层 @回复 回复

      onLoadSuccess是事件呀,你需要跟属性一样地定义事件,但是有一点区别,属性可以写在dom里,而事件只能写在javascript里面,比如:
      [code]$(‘#fm’).form({
      onLoadSuccess:function(data){alert(data)}
      })[/code]

  4. 儿童 : 2016年03月14日11:14:52  -46楼 @回复 回复

    能动态地用js代码提交而不用点击submit按钮吗


    • 管理员
      世纪之光 : 2016年03月19日15:32:37  地下1层 @回复 回复

      直接用JavaScript调用 submit方法就可以了,或者用ajax提交也行。

给我留言

留言无头像?


×