关于bootstrap table插件的id排序问题
在用bootstrap table插件时遇到一个问题,配置如下:
$('#editTable').bootstrapTable({
editable:true,
clickToSelect: true,
columns: [
{field:"id",edit:false,title:"序号",align:"center"},
{field:"choose",checkbox:true,align:"center"},
{field:"num",title:"数量",align:"center"},
{field:"price",title:"单价",align:"center"},
{field:"sum",title:"金额",align:"center"}
]
});
我想在删行后,table每行的序号按照“1,2,3...”这样不间断升序排列。
$('#delBtn').click(function () { /* 删行按钮***/
var ids = $.map($('#editTable').bootstrapTable('getSelections'), function (row) {
return row.id;
});
$('#editTable').bootstrapTable('remove',{
field: 'id',
values: ids
});
});
问题1:如果只对序号td里的textContent进行修改,而不对这个tr对象的id(应该不是id属性,是不是这个插件独有的?)修改,删除的时候就会出现问题,因为删除时需要获取对象id。因此,有没有具体的方法在删除行后,对现有行的序号,重新编排按照“1,2,3...”这样不间断升序排列(例如有序号为1,2,3,4,5的5行,删了第3行后,序号变成1,2,3,4)?
问题2:这个插件有没有具体的方法直接获取tr对象的id( field: 'id'的id ,我也不知道怎么表达,反正不是普通的id属性)之类的参数,例如我想改某行的单价,应该是什么思路?
本人前端初初初初初学者,官方文档貌似不是太懂,希望各位大神解答下,谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)