bootstrap table 根据id唯一标识查询表格并修改更新查询到的行
2020-05-28 14:02
183 查看
首先介绍如何根据唯一标识查询对应的行数据:
//配置table $("#table-list-webhoo").bootstrapTable({ ..............//省略一部分配置参数 uniqueId : 'goodsId', //这个参数必须得配置,设置唯一标识的对应字段,对应下面columns配置的字段名称 columns : [{ title : 'Id', field : 'goodsId', visible:false,//隐藏此列,这里隐藏了id这个字段 },{ title : '序号', field : 'xh', formatter: function (value, row, index) { return index+1; } },{ title : '商品名称', field : 'goods_name', }, { title : '编码', field : 'code', }, { title : '规格', field : 'goods_spec', },{ title : '单位', field : 'unit', },{ title : '单价', field : 'sale_price', },{ title : '售价', field : 'sale_money', },{ title : '数量', field : 'goods_count', },{ title : '小计', field : 'goods_money', sortable : true },{ title : '操作', field : 'opt', formatter: function () { return '\ <div class="btn-group btn-group-sm">\ <button type="button" class="btn btn-danger">删除</button>\ </div>'; } }] });
使用getRowByUniqueId 获取对应行数据:
var checkData=$("#table-list-webhoo").bootstrapTable('getRowByUniqueId',goodsId); //goodsId就是您上面设置的唯一标识字段值
修改查询到的行某些字段值:
//修改当前行数据,goodsId就是您上面设置的唯一标识字段值 $("#table-list-webhoo").bootstrapTable('updateByUniqueId',{ id:goodsId, row: { goods_count: odCount+1, //这些字段值请根据您自己的需求去修改 goods_money:toMoney(Number(checkData.sale_money)*(odCount+1)), } });
转载于:https://www.dsboke.com/2020/05/28/bootstrap_table_gen_ju_id_wei_yi_biao_shi_cha_xun_biao_ge_bing_xiu_gai_geng_xin_cha_xun_dao_de_xing/
相关文章推荐
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- GreenDao有缓存的问题。根据ID查询 修改一个值 三种方法
- mongo里面根据对象字段的ID查询 db.Photo.find({'owner.$id':ObjectId('xxxx')}) , 并且使用forEach循环修改查询的数据
- 数据库修改之更新员工表,根据ID删除Mapping表数据,再插入数据
- bootstrap-table表格做条件筛选,筛选出来的结果在table里用红色字体标识关键字
- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- AntDesignVue的a-Table表格根据后台返回的dataSource修改返回的数据为想要显示的数据进行展示
- 在Bootstrap开发框架中使用bootstrapTable表格插件和jstree树形列表插件时候,对树列表条件和查询条件的处理
- mybatis根据多个ID查询集合对象,并批量更新对象
- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- 缓存,用户信息不能随便修改的,因为这里面的id是唯一的身份标识,获取资源全靠他了,
- Bootstrap-table实现下拉框三级联动查询,分页,参数设置表格,以及分页显示。
- mongodb根据objectid修改
- Oracle查询数据根据varchar2类型的id进行降序
- 批量修改数据 要根据主键Id 批量修改字段Value的值 且 value 的值是不一样。
- java根据id批量修改/删除
- JTable根据商品下拉框的选择,更新表格当前行的内容并指定焦点
- bootstrap-table表格事件
- 根据用户id查询个体用户的订单
- bootstrap-table当查询后再去点击分页时,后台返回的数据是正确的,前台也显示正确了,但是当我点击分页时,列表会刷新为最初的数据,而不再是本次查询得到的数据