1.问题:
easy UI页面,新增或修改数据,保存使用reload刷新列表后,找不到刚才新加数据,还的翻页查找, 客户体验感极差,
****注意啦!注意啦! 注意啦!****局部刷新来了(就是只刷新当前新增或修改数据数据)
2.上代码:
ajax请求后台获取得到的数据我们可以通过取得字段的id将值直接修改,不需要刷新页面重新加载 数据。这样就轻松解决整体刷新带来的烦恼了。(字段多有点崩溃。。。。有更好的方法推荐我)
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/A01/selectAllWork",
data: {"barCodeID": $("#orderCode").val(),"barCode2":$("#barCodeID").val()},
async:false,
dataType: "json",
success: function (data) {
if (data != null) {
$("#projectResponsiblePersonID").val(data[0].projectResponsiblePersonID);
$("#projectName").val(data[0].projectName);
$("#workSheetName").val(data[0].workSheetName);
$("#productName").val(data[0].productName);
$("#workSheetCode").val(data[0].workSheetCode);
$("#workCount").val(data[0].workCount);
$("#paintColorCode").val(data[0].paintColorCode);
$("#timberMaterialCode").val(data[0].timberMaterialCode);
$("#remark").val(data[0].remark);
$("#projectAbbreviation").val(data[0].projectAbbreviation);
$("#workSheetNumb").val(data[0].workSheetNumb);
$("#currentPackageNo").val(data[0].currentPackageNo);
$("#maxNo").val(data[0].bOMInventoryCode);
$("#sourceSingleNumber").val(data[0].sourceSingleNumber);
$("#productCode").val(data[0].productCode
}
}
});
定时刷新函数:setInterval(“changeDisPlay()”,2000);
3.最近发现后台查到当前数据返回给ajax后放到success下,直接写
window.parent.initTbaleGrid();(parent后面那个方法是easyUI表格区的方法,直接可以局部刷新本条数据,不会刷新整个页面)