easyui-datagrid 向后台传送参数三种方法

最新推荐文章于 2023-11-16 12:38:21 发布

你好龙卷风！！！

最新推荐文章于 2023-11-16 12:38:21 发布

阅读量1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： easyui

本文链接：https://blog.youkuaiyun.com/zhaofuqiangmycomm/article/details/99319299

easyui 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用EasyUI和jQuery技术在Web应用中实现客户信息列表查询的方法。通过三种不同的参数传递方式，即URL拼接、queryParams和函数调用，详细阐述了如何根据客户ID获取特定的客户信息列表。文章重点讨论了queryParams方法的优点，并提供了具体的代码实现。

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

场景，需要根据客户的id直接连接到客户信息的list列表，查出该客户，第一种和第三种传参均达不到满足，在查询的时候有问题，这个参数要么去不掉，要么传不过来（因为在url中，相当于写死了），第二种queryParams很好的满足了要求，



$(function(){
   $('#right').attr("class","myHeight");
   var MyCustomerTagId=$('#MyCustomerTagId').val();

   var customerId=$("#customerId").val();

   var jsonUrl='${ctx}/cust/customer/jsonList?customerTag.id='+MyCustomerTagId;//第一种
   $('#dg').datagrid({
       url:jsonUrl,
        method:'post',
        fit:true,
            striped:true,
            queryParams: {
               customerId: customerId //queryParams第二种
            },
           onBeforeLoad: function (params) {
           params.pageNumber = params.page; 
            params.sortName = params.sort;
            delete params.sortName;
            delete params.page;
       },
       onLoadSuccess:function(data){
          $(this).datagrid("fixRownumber");

       }
   });



   $('#dg').datagrid("loading");
       $("#customerId").val(null);

});

第三种：


	function submitSearch(){
		if(!compareTime('beginDate','endDate')){
				return false;
		}
	 	$('#dg').datagrid('load',getData()); //第三种
	}
	
	function getData(){
		var jsonObject= formJson("searchForm");
		return jsonObject;
	}