Spring MVC下bootstraptable的表格之行数据编辑及删除-2

最新推荐文章于 2020-12-22 02:16:09 发布

sunshine2853

最新推荐文章于 2020-12-22 02:16:09 发布

阅读量2.9k

点赞数 1

分类专栏： mvc bootstraptable 文章标签： bootstrap table

本文链接：https://blog.csdn.net/sunshine2853/article/details/80692202

版权

本文介绍如何在Spring MVC框架下，使用BootstrapTable实现表格的行数据编辑和删除功能。通过点击选择的行进行编辑，编辑数据通过模态弹框完成，编辑完成后利用后台接口更新到数据库。

摘要由CSDN通过智能技术生成

上一篇讲了表格怎么展示数据，这一篇讲述下怎么编辑行数据及删除行数据，本文中实现的不是每一行数据后边跟着操作按钮，而是选择哪一行编辑哪一行，下面是工具栏的展示，工具栏的展示在table上方，例子中的工具按钮采用模态弹框，弹框分别为#edit及#create，btn_edit添加onclick事件的原因是可以把列表的数据带到弹框上，便于修改。

<div class="panel-body" style="padding-bottom:0px;">
<!--  例子中使用的是client分页   -->
    <div id="toolbar" class="btn-group">
        <button id="btn_edit" type="button" class="btn btn-default" data-toggle="modal" data-target="#edit" οnclick="edit()" >
            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
        </button>
        <button id="btn_delete" type="button" class="btn btn-default" data-toggle="modal">
            <span class="glyphicon