EasyUI editor datebox进入编辑状态时值置空问题

状态时值置空问题"/>

EasyUI editor datebox进入编辑状态时值置空问题

• 问题描述

  EasyUI的行编辑editor在进入编辑状态后，如果行里存在datebox，这时是没有问题的，可以正常使用，但是如果在进入编辑状态后，在js代码再使用.datebox()方法初始化datebox框，就会清空datebox中现有的值。
  页面看到的还是有值的，实际提交到后台的已经是空字符串了。
  感觉这是框架的一个bug（纯属猜测）

• 解决思路
  其实思路很简单，值是在再次使用.datebox()方法初始化datebox框后置空的，那么我们可以在置空前使用变量保存值，在置空后再给附上，这样既保留了初始值，又加载了我们的.datebox()新属性，两不耽误。

• 代码
  HTML：

<th data-options="field:'planSendDate',width:fixWidth(0.12),align:'center',
editor:{type:'datebox',options:{required:true,editable:false}
}">发运日期</th>

JS：

//日期和周几联动
var planSendDate = $(this).datagrid('getEditor', {'index':editingIndexQC,'field':'planSendDate'}).target;
var planSendWeekday = $(this).datagrid('getEditor', {'index':editingIndexQC,'field':'planSendWeekday'}).target;
//保留初始值
var hvalue = planSendDate.datebox("getValue");
//加载新属性，同时会置空值
planSendDate.datebox({onSelect:function() {var newDate = planSendDate.datebox("getValue");var week = getWeek(newDate);planSendWeekdaybobox("setValue",week);}
});
//附上初始值
planSendDate.datebox("setValue",hvalue);

• That’s all.