本文主要是介绍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);planSendWeekday.combobox("setValue",week);}
});
//附上初始值
planSendDate.datebox("setValue",hvalue);
- That’s all.
这篇关于EasyUI editor datebox进入编辑状态时值置空问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!