easyui重置表单以及clear和reset的区别

区别：clear将表单所有值都清空，包括combobox和日期框。 reset会还原成你在页面上写的样式。



图上表单中的发起日期、生效日期、失效日期、计划运行日期都是在js中设置的当前日期、始发地也是在js中写的默认网点，但那些combobox都是在jsp上写死的选项。

现在的需求是：点重置使页面恢复为现在的样子。

用$('#').form('clear')会将所有框都清空，包括combobox。

用$('#').form('reset')则只会清空日期框，不会清空combobox。

所有最后的解决方案是:

function dateboxBind() {
$('#createOrderTm').datebox('setValue', getCurentDateStr());
$('#invalidTm').datebox('setValue', getCurentDateStr());
$('#effectiveTm').datebox('setValue', getCurentDateStr());
$('#lineRequireDate').datebox('setValue', getCurentDateStr());
$('#lineRequireDate').datebox('calendar').calendar({
validator : function(date) {
var now = new Date();
var d1 = new Date(now.getFullYear(), now.getMonth(), now
.getDate());
return date <= d1;
}
});
// 设置始发地为用户所在区部代码
$.ajax({
url : contextPath + getCurrAreaCodeUrl,
type : 'post',
success : function(data) {
if (data.success) {
$('#srcZoneCode').textbox('setValue', data.currentAreaCode);
} else {
showMessage('加载当前用户所在区部为始发地失败！');
}
},
error : function() {
$.messager.alert('警告', '后台错误，请联系管理员！', 'warning');
}
});
};

function resetBind(){
$('#resetBtn').click(function(){
$('#searchForm').form('reset');
dateboxBind();
});
}利用form的reset方法重置其它框，重新调用dateboxBind()方法恢复时间框等。