jQuery EasyUI 表单(Form)用法
星期一,2010 五 10 15:26:27
jQuery EasyUI里表单(Form)的用法和jQuery里AJAX的用法差不多，下面介绍一下具体用法：
HTML代码：
- <form id="ff" method="post">
- ...
- </form>
然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里插入下面的代码即可：
如果想使表单变成AJAX提交：
- $('#ff').form({
- url:...,
- onSubmit: function(){
- // do some check
- // return false to prevent submit;
- },
- success:function(data){
- alert(data)
- }
- });
如果想做提交的动作：
- $('#ff').form('submit', {
- url:...,
- onSubmit: function(){
- // do some check
- // return false to prevent submit;
- },
- success:function(data){
- alert(data)
- }
- });
这两段代码之有很小的一个差别就是在设置参数的时候有个”submit”，下面来详细介绍一下这些参数的用法：
参数
| 参数名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| url | 字符串 | 表单提交的地址 | null |
事件
| 事件名 | 参数 | 描述 |
|---|---|---|
| onSubmit | none | 提交之前触发的事件，如果返回false可以防止提交 |
| success | data | 表单提交成功的时候触发 |
方法
| 方法名 | 参数 | 描述 |
|---|---|---|
| submit | options | 执行提交的操作，选项的参数是一个对象，这个对象包括以下的属性： url：设置提交的地址； onSubmit：提交之前的回调函数 submit：提交成功后的回调函数 |
| load | data | 加载记录来填充表单 选项参数可以是一个字符串或者是一个对象，字符串意味着是一个远程地址，否则就是一个本地的数据记录 |
| clear | none | 清空表单数据 |
| validate | none | 表单字段的验证，如果返回true，则说明所有的字段都是合法的。这个方法可以和validatebox插件联合使用 |
好东西。。学习了
[回复]
每天学习,争取每天进步
[回复]
在表单提交之后不执行success里面的函数这个问题怎么解决啊。。。
[回复]
Bendy 回复:
十一月 25th, 2011 at 2:08 下午
我出碰到了类似的问题
[回复]