easyui局部刷新

最新推荐文章于 2024-07-10 16:40:48 发布

Mu Cen

最新推荐文章于 2024-07-10 16:40:48 发布

阅读量1.2k

点赞数

分类专栏： JS 文章标签： easyui局部刷新 JS局部刷新

本文链接：https://blog.csdn.net/hahezhen/article/details/89371150

版权

JS 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

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表格区的方法，直接可以局部刷新本条数据，不会刷新整个页面）