学习bootstrapTable一直没有找到单选框的选定的和取值的教程,今天写一个。作为笔记
1。效果图:点击bootstrapTable单选的按钮,选中该列,取到该列的所有值。
2。js代码:bootstrapTable初始化
,,,一。注意:,,,,,,,
singleSelect:真的,//单选复选框
列:[{复选框:真}]//bootstrapTable显示单选复选框列
$()时(函数(){//bootstrapTable表格数据初始化=$ var表(# item_info_table) .bootstrapTable ({
url:“& lt; c: url值=' https://www.yisu.com/item/entry/main_info/list_data '/祝辞,
方法:“文章”,//uniqueId:“id”,//绑定id
工具栏:“# item_info_toolbar ',//搜索框绑定
搜索:真的,//搜索框
分页:真的,//显示页码等信息
singleSelect:真的,//单选复选框
showRefresh:真的,//显示刷新按钮
showColumns:真的,//选择显示的列
页大小:页大小,//当前分页值
pageList: pageList,//分页选页
数据类型:数据类型,//JSON
sidePagination: sidePagination,//服务端请求
buttonsAlign: buttonsAlign,//刷新,显示列按钮位置
toolbarAlign: toolbarAlign,//搜索框位置
列:[
{
复选框:真
},{
标题:“项目序号”,
:“itemNum”,
对齐:“中心”,
格式化程序:功能(价值,行,指数){
var url=";
如果(isSingleItem(值))url=' & lt; a href=" https://www.yisu.com/zixun/" mce_href=" https://www.yisu.com/zixun/"祝辞的+行。itemNum + ' & lt;/a>”;
如果(isJoinItem(值))url=' & lt; a href=" https://www.yisu.com/zixun/" mce_href=" https://www.yisu.com/zixun/"祝辞的+行。itemNum + ' & lt;/a>”;
返回的url;
}
},{
标题:“项目名称”,
:“itemName”,
对齐:“中心”
}
]
}）;/* * * * * * * * * * bootstrapTable工具栏按钮事件* * * * * * * * *///(新增)按钮点击事件
$ (' # item_info_btn_add ') .click(函数(){
$ (' # item_info_modal ') .modal(显示);
}）;//[项目立项]按钮点击事件
$ (' # item_info_btn_do ') .click(函数(){
var selectContent=table.bootstrapTable (getSelections) [0];
如果(typeof (selectContent)==ㄒ濉?{
toastr.warning(“请选择一列数据!”);
返回错误;
其他}{
console.info (selectContent);
$ (' # item_project_modal ') .modal(显示);//项目立项面板
}
}）;
});之前
3。<代码> bootstrapTable url:“& lt; c: url值=' https://www.yisu.com/item/entry/main_info/list_data '/祝辞,>
,,,注意。第一个图片中铬的F12中的对象就是selectContent=table.bootstrapTable (getSelections)[0]中的数据了这样我们就能取到引导单选框选择一行的数据。
{
“抵消”:10
“行”:
(
{
:“infoId main_info_1111”,
:“itemName AAA项目组”,
:“itemNum JXY160909011S”
},
{
:“infoId main_info_2222”,
“itemName”:“BBB项目组”,
:“itemNum JXY160909012F”
}
),
“总”:10
}
以上所述是小编给大家介绍的BootStrapTable单选及取值的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
