关于jsp发起请求加载datagrid数据(草稿)

最新推荐文章于 2021-09-14 17:54:09 发布

转载最新推荐文章于 2021-09-14 17:54:09 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yadongliang/p/9680335.html

文章标签：

#java #json

本文探讨了使用EasyUI框架结合AJAX进行数据加载的方法，重点介绍了如何通过JavaScript操作DOM元素来实现数据表格的数据加载，并对比了两种不同的请求方式。此外，还详细解释了一个用于搜索目标客户信息的功能实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function (){
        var refNo = '${refNo}';
        $('#caAbnDetail').datagrid('load',{
            refNo:refNo
        });
        //下面这种请求方式:datagrid中的field属性值为null
        /*$.ajax({
             type:"POST",
             url:"caReconController.do?getAbnDetail",
             cache: false,
             data:{refNo:refNo},
             dataType: 'json',
             success:function(result){
                 /!*var jsondata2 = result;
                 var data = $.parseJSON(jsondata2); //json格式化
                 alert(jsondata2);//未初始化
                 $("#dg").datagrid('loadData', data);//加载数据，不加表格数据不会显示*!/
             },
             error:function(){
                alert("error");
             }
         });*/
    });

function targetCustomersearch() {
    try {
        if (!$("#targetCustomer").Validform({tiptype: 3}).check()) {
            return false;
        }
    } catch (e) {
    }
    if (true) {
        var queryParams = {};
        var flag = true;
        $('#targetCustomertb').find('*').each(function () {
            if ($(this).attr('name') == 'accNo') {
                var accNo = $(this).val();
                if (!accNo) {
                    var nextElement = $(this).next();
                    if (!$(this).next().hasClass("Validform_checktip Validform_wrong")) {
                        $(this).after("<span class='Validform_checktip'></span>");
                        $(".Validform_checktip:last").addClass("Validform_wrong").text("Account Number can't be empty");
                    }
                    flag = false;
                }
            }
            queryParams[$(this).attr('name')] = $(this).val();
        });
        if (!flag) {
            return false;
        }
        $('#targetCustomer').datagrid({
            url: 'customerInfoController.do?getCustomerInfoToCreditTransfer&field=accNo,nric,name,meterInfoEntity.meterId,acctBalEntity.balance,mobileNumber,openDate,type,address,streetName,',
            pageNumber: 1,
            queryParams: queryParams
        });
    }
}