bootstrap-table笔记

Posted 2023-03-09

参考技术A $('#bootstrap-table').bootstrapTable('load', data);

"total":3"

,rows":[

    "id":1861,"pid":1860,"name":"拟稿/发起申请","id":1863,"pid":1860,"name":"营业部总经理审批"

    ,"id":1862,"pid":1860,"name":"营业部项目经理审批"

]

$("#bootstrap-table").bootstrapTable('getData')

$('#bootstrap-table').bootstrapTable('remove',

field:"seq",

values:[parseInt(seq)]

);

注意：需要注意的是values的数据类型一定要和field一样，不然就找不到需要删除的数据

<table id="bootstrap-table" data-mobile-responsive="true" data-reorderable-rows="true" data-use-row-attr-func="true" data-show-columns="false"></table>

最主要的是开启这三个data-mobile-responsive="true" data-reorderable-rows="true" data-use-row-attr-func="true" 

然后就是导入拖拽的插件：

bootstrap-table-reorder.js

jquery.tablednd.js

$('#table').bootstrapTable(

...........

reorderableRows: true, //设置拖动排序

    useRowAttrFunc: true, //设置拖动排序

    //当选中行，拖拽时的哪行数据，并且可以获取这行数据的上一行数据和下一行数据

    onReorderRowsDrag: function(table, row)

,

//拖拽完成后的这条数据，并且可以获取这行数据的上一行数据和下一行数据

onReorderRowsDrop: function(table, row)

,

//当拖拽结束后，整个表格的数据

onReorderRow: function(newData)

    //这里的newData是整个表格数据，数组形式



................

)

BootstrapTable参数、属性、事件列表： https://blog.csdn.net/qq_38836082/article/details/81450164