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版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用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对象中的数据简图有哪些
在这里插入图片描述
在这里插入图片描述

还有一个错误

console.info("=============="+obj);

如果我们在前面添加了一个字符串，那么打印出来的就是
"=============="Object object，不会有上面的内容出现

【owt-server】梳理安装脚本及过程 2 webrtc
突围
02-26 489
【owt-server】梳理安装脚本及过程 2 webrtc 上一次分析到了werbtc编译和安装 build.ninja指令： command = /home/zhangbin/aliply/owt/owt-server/third_party/webrtc/src/buildtools/linux64/gn --root=/home/zhangbin/aliply/owt/owt-server/third_party/webrtc/src -q gen . webrtc_common.ninj
使用Serverless架构部署轻量级AI多代理
2501_92132293的博客
07-28 868
Serverless架构（无服务器架构）的出现，为解决上述困境提供了新思路。它通过"函数即服务（FaaS）“将代码与基础设施解耦，实现按需付费、自动扩缩容、零服务器管理三大核心优势。优势传统部署（VM/容器）Serverless部署成本预置资源，闲置成本高按调用次数计费，闲置成本≈0扩展手动/半自动扩容，分钟级自动扩容，毫秒级响应峰值维护需要管理服务器、网络、存储全托管，开发者仅需关注代码资源利用率平均30%以下接近100%（仅在调用时占用资源）
C++中的函数对象（Function Object）（二）
轻轻草原
10-10 326
除了自定义的函数对象，标准库还为我们提供了一系列现成的函数对象， 比如常见的数学、逻辑运算等。例如：negate<type>(),plus<type>(),minus<type>(),multiplies<type>(),divides<type>(),modulus<type>(),equal_to<type>,
param=(function(obj){})(param);的理解
wukongtutu的博客
08-10 2965
注：下面的param是一个之前定义了的对象    “coding...”为省略的操作语言 param = （function（obj）{ //coding... }）（param） 等价于 var aa = function(obj){ //coding... } param = function(param); 上面的方法相当于对对象param的旧值进行操作，实
C++函数对象（Function Object）（一）
Bryan要加油
10-28 868
一个函数对象，即一个重载了括号操作符“（）”的对象。当用该对象调用此操作符时，其表现形式如同普通函数调用一般，因此取名叫函数对象。举个最简单的例子： #include using namespace std; class FuncObjType { public: void operator() () { cout << "Hello C++" << endl; } }; in
$(obj).data() 绑定和获取数据的应用
weixin_30555515的博客
12-30 795
1、解说 　　data() 方法向被选元素附加数据，或者从被选元素获取数据。 例如：$("#id").data("name","xiao"); ----将数据绑定到#id上； 　　　$("#id").data("name"); ---获取数据 2、注意点： 　　A:$(obj).data(key)获取数据的规则： 　　　　即当使用.data()获取值时，jQuery会首先...
javascript中可以使用 obj.function1()式的函数
Linyee编程专栏
09-18 1417
上面这一段程序是程序EDIT.ASP的一段代码 function form1.baoming(){alert(baoming);}function form1.baomingcal(){alert(取消);}＝＝＝＝＝＝＝＝＝＝＝＝原先还以为 form1.baomingcal() 的用法是错的，今天又遇上了，仔细一想才隐约记得好像有这种定义方式。一试果然。特记忆之，以免下次
安卓逆向_15（ 一 ） --- JNI 和 NDK
墨鱼菜鸡
07-11 820
From：较详细的介绍JNI：https://blog.youkuaiyun.com/lizhifa2011/article/details/21021177 From：https://www.jb51.net/article/126111.htm NDK官方文档：https://developer.android.google.cn/training/art...
换平台项目移植
cmise 的博客
11-02 3712
任务分析        先大致看了一下代码，发现应用和BSP最大的相关部分在图形库及OpenGL层。这部分每个厂商有自己的实现，一般是不公开源码的，现在的平台是由Renesas提供的一些头文件及库。Freescale则有自己的实现。          基于上面的情况，决定从现有的项目作为基础进行裁剪，把不需要的模块删除，只留下最基本的部分。          看了一下代码，Kernel和
ABAP--关于SAP Control Framework(入门GUI编程的不错的基础介绍)
热门推荐
SAP BLOG--Jack Wu
10-29 1万+
一、SAP Control Framework的架构SAP Control Framework的架构分为客户端和应用服务器端，其中客户端包含重要的部件：“Automation Controller”，应用服务器端包含：“ABAP Objects Control Framework”；Automation Controller的功能1) The automation controller is th
函数对象（function object）的简单讲解
zhang的专栏
12-05 723
函数对象：有那么一个类，它重载了圆括号运算符“()”，用这个类创建了一个对象，当用该对象调用此操作符时，其表现形式如同普通函数调用一般，因此取名叫函数对象，又名仿函数。 你可能需要先了解函数指针：http://blog.youkuaiyun.com/u013600225/article/details/50190043 例子： int add(int a, int b){ return a + b; }
Handler获取网络数据
weixin_44305652的博客
12-28 325
package com.bawei.day02text; import android.annotation.SuppressLint; import android.content.Context; import android.content.Intent; import android.os.Handler; import android.os.Message; import android...
javascript中Function和Object之间的关系
weixin_34110749的博客
06-07 222
js中的类继承模式类似 c++中的 基类和派生类的关系。这里我们尝试通过这样的一种方式来解释js中的基于原型链的继承机制。 派生类对象存储了基类的数据成员 派生类的实例对象可以 访问基类的属性，方法 js中的内置对象Date、RegExp、Number、Function... 可以看做派生类、Object可以被看做 基类。 而特殊的是，javascript中Object这个基类，同时又是...
JS原生方法（Object篇、Function篇）
AC_Surprise的博客
09-10 826
在实际开发中，或许我们会使用很多JavaScript自带的方法，而且这些方法确实给我们带来了很多便利，大大提高了我们的代码小路，但是，有没有一瞬间，你想知道这些方法到底是怎么实现的呢？接下来我将用几篇博客来进行了解 通过这篇文章可以学到什么呢？ 重新巩固对象与函数各种方法的使用方式 巩固基础，即便没有这些方法，也能靠基础语法去实现 文章目录定义一个测试对象[Object]EntriesFromEntriesKeysValuesInstanceOfIs函数[Function]CallApply 定义一
function 函数的细节
weixin_44549222的博客
02-12 179
函数的细节概念 var a = 10 var a = 10//给变量a赋值一个初始值 function fun(obj){ obj = a + 10 } fun(a) console.log(a)//这里的a是10 /* 为何a不是20呢? 其实是function函数 定义的时候 设置了obj的形参 我们调用的时候是把变量a 储存的值传入 a本身是没有任何变化的 变化的是 obj这个形参 */ /...
Vue 组件中的 data 为什么是函数？
q4717529的博客
03-18 6038
一、总结 1.vue中组件是用来复用的，为了防止data复用，将其定义为函数。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。......
JavaSE笔记15.16-IO流-字符编码
qq_38503984的博客
09-12 422
JavaSE笔记15.16-IO流-字符编码1. 字符编码解码（1）通过转换流（2）通过字符串对象2. 常见的编码表3. 例子（1）通过转换流（2）通过字符串对象 1. 字符编码解码 （1）通过转换流 通过转换流InputStreamReader和OutputStreamWriter来完成，在两个对象进行构造时可加入字符集。 //创建使用给定字符集的InpuStreamReader InputStreamReader(InputStream in,Charset cs); //创建使用给定字符集的Outpu
yolov4训练自己的数据集，详细教程！
JulyLi2019的博客
03-29 8149
系列文章目录 文章目录系列文章目录创建yolo-obj.cfg 配置文件一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 创建yolo-obj.cfg 配置文件 将 yolov4-custom.cfg 中的内容复制到 yolo-obj.cfg里面，并做以下修改： 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas a
lv_obj_add_event_cb 怎么获取user_data
最新发布
08-13
<think>我们正在讨论LVGL中的事件回调函数lv_obj_add_event_cb，特别是如何获取与对象关联的user_data。 根据引用[2]和引用[3]，我们知道lv_obj_add_event_cb函数有一个参数user_data，用于传递用户自定义数据。 在事件回调函数中，如何获取这个user_data呢？ 在LVGL的事件回调函数中，事件对象（lv_event_t）会传递给回调函数。这个事件对象包含了user_data。 具体来说，我们可以使用lv_event_get_user_data(event)函数来获取在添加事件回调时传入的user_data。 此外，引用[2]提到，通过user_data传递参数可以避免为每个事件都写一个单独的服务函数，这样同一个回调函数可以通过不同的user_data来区分不同的上下文。 下面是一个示例代码，展示如何添加事件回调并获取user_data： 假设我们有一个按钮对象，我们希望在点击按钮时获取到我们传递的user_data。 步骤： 1. 创建一个按钮对象。 2. 定义一个事件回调函数，在函数内部使用lv_event_get_user_data获取user_data。 3. 使用lv_obj_add_event_cb添加事件回调，并传递user_data。 示例代码： */ #include "lvgl.h" // 事件回调函数 static void my_event_cb(lv_event_t * e) { // 获取事件类型 lv_event_code_t code = lv_event_get_code(e); // 如果是点击事件（LV_EVENT_CLICKED） if(code == LV_EVENT_CLICKED) { // 从事件中获取user_data void * user_data = lv_event_get_user_data(e); // 假设我们传递的是一个字符串 const char * msg = (const char *)user_data; LV_LOG_USER("Button clicked: %s", msg); } } void create_button_with_event(lv_obj_t * parent) { // 创建一个按钮 lv_obj_t * btn = lv_btn_create(parent); lv_obj_center(btn); // 为按钮添加一个标签 lv_obj_t * label = lv_label_create(btn); lv_label_set_text(label, "Click me!"); lv_obj_center(label); // 定义一个字符串作为user_data传递 const char * my_data = "Hello, user_data!"; // 添加事件回调，监听点击事件，并传递my_data作为user_data lv_obj_add_event_cb(btn, my_event_cb, LV_EVENT_CLICKED, (void *)my_data); } /* 在这个例子中，当按钮被点击时，事件回调函数my_event_cb会被调用，然后通过lv_event_get_user_data(e)获取到我们传递的字符串"Hello, user_data!"，并打印出来。 注意：user_data可以是任意类型的指针（void*），因此你可以传递一个结构体指针，这样就能传递多个数据。 另外，引用[3]中还提到lv_obj_get_user_data()函数，这个函数是直接获取对象（obj）的user_data，而不是事件回调中传递的user_data。这两者是有区别的： - lv_obj_set_user_data()和lv_obj_get_user_data()操作的是对象内部存储的一个用户数据字段（每个对象都有一个这样的字段）。 - 而lv_event_get_user_data()获取的是在添加事件回调时传递的user_data，这个user_data是特定于这个事件回调的。 因此，如果你在添加事件回调时传递了user_data，那么在事件回调函数中应该使用lv_event_get_user_data来获取，而不是lv_obj_get_user_data。 总结： 在事件回调函数中获取user_data的步骤： 1. 在事件回调函数中，使用lv_event_get_user_data(e)函数，其中e是事件对象。 2. 将返回的void*指针转换为实际的数据类型。 这样，你就可以在事件回调中使用之前传递的自定义数据了。 */</think>在 LVGL 中，通过 `lv_obj_add_event_cb()` 添加事件回调时，您可以在回调函数中使用 `lv_event_get_user_data()` 获取关联的 `user_data`。以下是具体实现方法： ### 操作步骤 1. **添加事件回调** 调用 `lv_obj_add_event_cb()` 时传入自定义数据： ```c // 定义自定义数据结构 typedef struct { int id; const char* name; } CustomData; // 创建对象并添加事件 lv_obj_t* btn = lv_btn_create(lv_scr_act()); CustomData my_data = { .id = 1, .name = "Button1" }; // 传递 my_data 作为 user_data lv_obj_add_event_cb(btn, event_handler, LV_EVENT_CLICKED, &my_data); ``` 2. **在回调函数中获取数据** 通过 `lv_event_get_user_data()` 提取数据： ```c void event_handler(lv_event_t* e) { // 获取事件类型 (如 LV_EVENT_CLICKED) lv_event_code_t code = lv_event_get_code(e); // 提取关联的 user_data CustomData* data = (CustomData*)lv_event_get_user_data(e); // 使用数据 printf("Clicked: ID=%d, Name=%s\n", data->id, data->name); } ``` ### 关键说明 - **数据生命周期** 需确保 `user_data` 指向的数据在回调触发时**仍然有效**（例如使用全局/静态变量，或动态分配内存）。 - **多事件复用** 同一回调函数可通过不同 `user_data` 区分多个对象[^2]： ```c // 为不同按钮绑定同一回调但不同数据 lv_obj_add_event_cb(btn1, event_handler, LV_EVENT_CLICKED, &data1); lv_obj_add_event_cb(btn2, event_handler, LV_EVENT_CLICKED, &data2); ``` - **与对象自身数据的区别** `lv_obj_get_user_data(obj)` 获取的是对象创建时设置的通用数据（通过 `lv_obj_set_user_data()`），而非事件回调的 `user_data`[^3]。 ### 完整示例 ```c #include "lvgl.h" typedef struct { int counter; } ButtonData; void btn_event_cb(lv_event_t* e) { lv_event_code_t code = lv_event_get_code(e); if (code == LV_EVENT_CLICKED) { ButtonData* data = (ButtonData*)lv_event_get_user_data(e); data->counter++; LV_LOG_USER("点击次数: %d", data->counter); } } void create_button() { lv_obj_t* btn = lv_btn_create(lv_scr_act()); lv_obj_center(btn); // 为按钮分配自定义数据 ButtonData* btn_data = malloc(sizeof(ButtonData)); btn_data->counter = 0; lv_obj_add_event_cb(btn, btn_event_cb, LV_EVENT_ALL, btn_data); // 对象删除时释放数据 (防止内存泄漏) lv_obj_add_event_cb(btn, [](lv_event_t* e) { free(lv_event_get_user_data(e)); }, LV_EVENT_DELETE, NULL); } ``` ### 注意事项 1. **内存管理** 动态分配的 `user_data` 需在对象删除事件 (`LV_EVENT_DELETE`) 中释放[^3]。 2. **线程安全** 在 RTOS 环境中，确保数据访问的原子性。 3. **数据一致性** 避免在回调外修改 `user_data` 时引发竞态条件。 --- ### 相关问题 1. 如何在 LVGL 中为不同事件类型绑定同一个回调函数？ 2. `lv_obj_set_user_data()` 和事件回调的 `user_data` 有何区别？[^3] 3. 如何安全地在多线程环境中使用 LVGL 的事件回调？ 4. 动态分配的 `user_data` 应该在何时释放以避免内存泄漏？ [^1]: `lv_obj_add_event_cb()` 允许传递自定义数据到事件回调函数 [^2]: 通过 `user_data` 可实现单回调函数处理多对象事件 [^3]: 对象自身数据 (`lv_obj_set_user_data()`) 与事件回调数据是独立存储的 [^4]: LVGL 采用面向对象设计，事件系统是对象行为扩展的关键机制
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值