bootstrapTable点击行事件添加

    给一个按钮添加事件,这个比较简单,就是用jQuery的选择器选择按钮的名字onclick就可以了。

    最近做了一个给某一行添加事件的任务,想了想,还是记录一下。

    表格是bootstrap自动生成的,没有id,class这个可以选择,但是bootstrap提供了某一行添加点击事件的方法。

    $("#realTime_Table").bootstrapTable({

        onClickRow: function (row) { console.log("click:" + row.playerName) }

  })   

  onClickRow这个方法就是单机获取本行内容的方法。

  另外,里面还有很懂方法,有需要的可以看看,如下:

    //是否显示查找 search: false,

    //是否分页 pagination: false,

    //每页显示多少条数据,也就是要显示多少行 pageSize: 15,

    //分页,选择不同数字会改变上面的pageSize pageList: [5, 10, 15, 20],

    //显示列 showColumns: true,

    //显示刷新按钮 showRefresh: false,

    //是否可见 showToggle: true,

    //默认英文,设置如下就是显示中文 locale: "zh-CN",

    //显示时background-color白灰相间 striped: true,

    //双击触发的事件,当双击就会获取row,row就是该整行的内容,其中"row.playerName"中"playerName"是data-field定义的字段,(如果在js中定义,就是field定义的字段,)可以通过该方法获取该行所有列的值 onDblClickRow: function (row) { console.log("click:" + row.playerName) }

    //想获取全表的内容,只要用下面的方法,其中allTableData是个数组,整张表的内容,你可以使用遍历获取每行的内容,也可以使用索引直接获取你想要的那行的内容 var indexTemp = 0; var playerNameTemp = '冯**'; var allTableData = $('#realTime_Table').bootstrapTable('getData'); for(var i = 0; i < allTableData.length; i++) { indexTemp = i; //如果此行中有玩家名字(此处默认名字不重复)与你想获取的相同,则跳出循环,indexTemp是你要的行索引 if(allTableData[i].playerName == playerNameTemp) { break; } }

你可能感兴趣的:(前端)