BootStrapTable获取选中数据值并传参至父页面
1 $('#exampleTable1').bootstrapTable( 2 { 3 method : 'get', 4 url : prefix + "/list", 5 iconSize : 'outline', 6 toolbar : '#exampleToolbar', 7 striped : true, 8 dataType : "json", 9 pagination : true, 10 //设置true将禁止多选 11 singleSelect : true, 12 pageSize : 10, 13 pageNumber : 1, 14 sidePagination : "server", 15 queryParams : function(params) { 16 return { 17 limit : params.limit, 18 offset : params.offset 19 }; 20 }, 21 columns : [ 22 //只需要加入下面这个checbox,就会在第一列显示选择框 23 { 24 checkbox: true, 25 width : '3%' 26 }, 27 { 28 field : 'entityId', 29 title : '营销机构号', 30 width : '6%' 31 }, 32 { 33 field : 'fatherEntityId', 34 title : '父营销机构号', 35 width : '6%' 36 } 37 ...... 38 ] 39 40 } 41 );
二、有了选择框,就可以得到我们想要的数据了
//使用getSelections即可获得,row是json格式的数据 var row = $.map($('#exampleTable1').bootstrapTable('getSelections'),function (row) { return row;
});
三、这时候我们选中这条数据,按下确定按钮将营销机构号和营销机构名称传递到父页面的input当中
parent.$("#issuerId").val(row[0].entityId);
parent.$("#issuerName").val(row[0].issuerName);
或者一步到位
1 //选中需要的检测仪器 2 function check(){ 3 var row = $.map($('#listaddDeviceData').bootstrapTable('getSelections'),function (row) { 4 return row; 5 }); 6 window.parent.getDeviceBasics(row); 7 }
愿你眼中有光芒,活成你想要的模样
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具