easyui的form表单提交和xheditor配合使用时出现value为空或旧值的解决办法

          xheditor是一个很实用的编辑器,不过有时却会出现无法获取value值得问题,xheditor的官方文档中这样解释:xhEditor默认会在textarea所在的form对象中绑定onsubmit事件,当用户点击submit按钮时,xhEditor就会将最新结果同步回textarea,随后随表单中的其它表单项一同提交到服务端脚本。因此,如果不需要用Javascript额外处理,普通的表单式提交是没任何问题的。换言之xhEditor对form提交的时间和顺序是有要求的。

easyui是一个轻量级的jqueryUI框架,提供了丰富的UI组件,可以使用easyui的form组件进行表单的提交,接合上文所述,如果处理不当的话,easyui的form表单提交和xheditor配合使用就会出现value为空或旧值。easyui的form有一个submit的方法:格式如下:

$('#ff').form('submit', {    
    url:...,    
    onSubmit: function(){    
        // do some check    
        // return false to prevent submit;    
    },    
    success:function(data){    
        alert(data)    
    }    
});

这个方法用来执行提交操作,如果xheditor和form表单以这种方式配合的话就可能出现 value为空或旧值的问题,因为在提交前,xheditor没能将value值绑定回textarea,提交时就出现了空值或旧值,所以建议配合使用时使用以下方式:

$('#ff').form({    
    url:...,    
    onSubmit: function(){    
        // do some check    
        // return false to prevent submit;    
    },    
    success:function(data){    
        alert(data)    
    }    
});    
// submit the form    
$('#ff').submit(); 

这样就可以保证在提交前, xheditor将value值绑定回textarea,就不会在出现上面所说的问题了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值