lsm/layui
1
0
Fork 0
mirror of https://gitee.com/layui/layui.git synced 2025-04-05 17:38:02 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

docs(table): 优化多样化编辑原生select事件 (#1942)

Browse Source 
https://github.com/layui/layui/discussions/1774#discussioncomment-9077177
This commit is contained in:
hjsuper 2024-05-27 08:44:40 +08:00 committed by GitHub
parent 1689c1edef
commit 7d86cc6206
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/table/examples/editModes.md
View File

@ -77,13 +77,17 @@ layui.use(function(){
// 原生 select 事件 // 原生 select 事件
var tableViewElem = this.elem.next(); var tableViewElem = this.elem.next();
tableViewElem.find('.select-demo-primary').on('change', function(){
// 解除 tbSelect 命名空间下的所有 change 事件处理程序
tableViewElem.off("change.tbSelect");
// 将 '.select-demo-primary' 元素的 change 事件委托给 tableViewElem, 事件命名空间为 tbSelect
tableViewElem.on("change.tbSelect", ".select-demo-primary", function () {
var value = this.value; // 获取选中项 value var value = this.value; // 获取选中项 value
var data = table.getRowData(options.id, this); // 获取当前行数据(如 id 等字段，以作为数据修改的索引) var data = table.getRowData(options.id, this); // 获取当前行数据(如 id 等字段，以作为数据修改的索引)
// 更新数据中对应的字段 // 更新数据中对应的字段
data.city = value; data.city = value;
// 显示 - 仅用于演示 // 显示 - 仅用于演示
layer.msg('选中值: '+ value +'<br>当前行数据：'+ JSON.stringify(data)); layer.msg('选中值: '+ value +'<br>当前行数据：'+ JSON.stringify(data));
}); });