<div id="toolbar" class="btn-group"> <button id="btn_add" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增 </button> <button id="btn_edit" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改 </button> <button id="btn_delete" type="button" class="btn btn-default"> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除 </button> </div> <table id="tb_data" data-reorderable-columns="true"></table> </div>
就是有一个按钮事件,这个事件是修改数据的事件,数据在服务器更新以后,我要更新本地表格的数据,但是api需要一个行号,想了很多办法都获取不到这个行号。
//数据列表编辑事件 $("#btn_edit").click(function () { //获取选中数据 var arrselections = $("#tb_data").bootstrapTable('getSelections'); if (arrselections.length > 1) { console.log("只能选择一行进行编辑"); return; } if (arrselections.length <= 0) { console.log("请选择有效数据"); return; } console.log(arrselections[0].id); console.log(arrselections[0].name); console.log(arrselections[0].description); var allTableData = $("#tb_data").bootstrapTable('getData'); console.log(getIdSelections()); //for (var i = 0; i < allTableData.length; i++) { // console.log(allTableData[i].ID); //} //console.log(allTableData); var row = { "name": "测试", "description": "测试", "rank": 1, "lastTime": "测试年" } //更新表格数据 $('#tb_data').bootstrapTable('updateRow', { index: 1, row: row });//index---->更新行的索引。row---->要更新的数据 //var arrselections = $("#tb_data").bootstrapTable('getSelections'); //if (arrselections.length > 1) { // toastr.warning('只能选择一行进行编辑'); // return; //} //if (arrselections.length <= 0) { // toastr.warning('请选择有效数据'); // return; //} //$("#myModalLabel").text("编辑"); //$("#txt_departmentname").val(arrselections[0].DEPARTMENT_NAME); //$("#txt_parentdepartment").val(arrselections[0].PARENT_ID); //$("#txt_departmentlevel").val(arrselections[0].DEPARTMENT_LEVEL); //$("#txt_statu").val(arrselections[0].STATUS); //postdata.DEPARTMENT_ID = arrselections[0].DEPARTMENT_ID; //$('#myModal').modal(); });
解决了。
//获取选中行的index索引号 function getIdSelections() { return $.map($("#tb_data").bootstrapTable('getSelections'), function (row) { return row.id }); }
//获取选中行的index索引号 function getIdSelections() { return $.map($("#tb_data").bootstrapTable('getSelections'), function (row) { return row.id }); }