bootstrap table 怎么取到点击事件里的 index

bootstrap table 怎么取到点击事件里的 index,第1张

//initiate TableTools extension var tableTools_obj = new $fndataTableTableTools(oTable1, { "sSwfPath": "//assets/js/dataTables/extensions/TableTools/swf/copy_csv_xls_pdfswf", //in Ace demo //assets will be replaced by correct assets path "sRowSelector": "td:not(:last-child)", "sRowSelect": "single", "fnRowSelected": function (row) { //check checkbox when row is selected var aData = oTable1fnGetData(row); //nice array of cell values module_id = aDataid; module_name = aDatamoduleName; module_url = aDatamoduleUrl; module_available = aDataavailable; module_order = aDatamoduleOrder; module_parentid = aDataparentName; }, "fnRowDeselected": function (row) {

}

}

$('#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-reorderjs

jquerytabledndjs

$('#table')bootstrapTable({

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

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

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

    onReorderRowsDrag: function(table, row) {

},

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

onReorderRowsDrop: function(table, row) {

},

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

onReorderRow: function(newData) {

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

}

})

BootstrapTable参数、属性、事件列表: >

以上就是关于bootstrap table 怎么取到点击事件里的 index全部的内容,包括:bootstrap table 怎么取到点击事件里的 index、bootstrap-table笔记、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9819944.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存