function product_tool_event_handler(obj) obj获取data

最新推荐文章于 2022-07-11 07:35:00 发布

原创最新推荐文章于 2022-07-11 07:35:00 发布 · 323 阅读

1 ·

CC 4.0 BY-SA版权

代码错误记录专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种使用JavaScript处理客户数据表格的方法，详细解释了如何通过点击事件选择特定客户信息并将其应用于表单字段的过程。同时，纠正了关于事件处理器参数obj的常见误解，明确了其实际包含的数据内容。

	elem: '#customer_result'
	,url: context_path + '/api/customer'
	,method : 'get'										
	,response : {										
		statusName : 'code'									
		,statusCode : 200
		,msgName : 'msg'									
		,countName : 'count'								
		,dataName : 'data'
	}
	,title : '客户列表'										
	,cols : [ [ 
		{ field : 'custId', title : '客户编号', width : 100}
		,{ field : 'custName', title : '客户姓名', width : 150 }
		,{ field : 'custEmail', title : '邮箱', width : 150 }
		,{ fixed : 'right', title : '操作', toolbar : '#hidden1-table-tool', width : 80 } ] ]
};

/**
 * 点击弹出的“客户信息”弹层上的表格中“选中”按钮的触发函数
 */
function customer_tool_event_handler(obj) {
	
	console.info(obj);
	var data = obj.data;
	switch (obj.event) {
		case 'select':
			$('#custName').val(data.custName);
			$('#custId').val(data.custId);
			layer.close(layer.index);
				break;
	}
}

错误认识：
customer_tool_event_handler(obj)中obj可以拿到下面数据,这是一个超级错误的认识

	elem: '#customer_result'
	,url: context_path + '/api/customer'
	,method : 'get'										
	,response : {										
		statusName : 'code'									
		,statusCode : 200![在这里插入图片描述](https://img-blog.csdnimg.cn/20181130170659370.png)
		,msgName : 'msg'									
		,countName : 'count'								
		,dataName : 'data'
	}
	,title : '客户列表'										
	,cols : [ [ 
		{ field : 'custId', title : '客户编号', width : 100}
		,{ field : 'custName', title : '客户姓名', width : 150 }
		,{ field : 'custEmail', title : '邮箱', width : 150 }
		,{ fixed : 'right', title : '操作', toolbar : '#hidden1-table-tool', width : 80 } ] ]
	};

下面看一下真正的obj对象中的数据简图有哪些
在这里插入图片描述