当前位置:   article > 正文

Bootstrap Table 从新InsertRow 刷新表格 数据的问题处理方案

bootstraptable insertrow

1、第一步获取数据源

var rows = { //要插入的数据,这里要和table列名一致
SkuCode: data.rows[i].SkuCode,
BarCode: data.rows[i].BarCode,
ProductName: data.rows[i].ProductName,
prospec: data.rows[i].prospec,
ItemName: data.rows[i].ItemName,
ReceiptQuantity: 0,
LnQuantity: data.rows[i].LnQuantity,
NotQuantity: 0,
CostPrice: data.rows[i].CostPrice,
YKPrice: "",
SkuId: data.rows[i].SkuId,
ProId: data.rows[i].ProId
}
$('#gridList').bootstrapTable('insertRow', {
index: 0,
row: rows
});

2、表格改动属性的标签 加入一下两个属性

data-index="' + index + '" οnkeyup="GetInputByQuatity(this)"

data-index="' + index + '" οnkeyup="GetInputBySumprices(this)"

3、再写入标签两个方法 需要不刷新的字段 保存下来一下两个方法


function GetInputByQuatity(obj)
{
var row = {
pronum: $(obj).val(),
sumprice: 10.0
}
$('#gridList').bootstrapTable('updateRow', { index: $(obj).data('index'), row: row })
}

function GetInputBySumprices(obj) {
var row = {
pronum: 5,
sumprice: $(obj).val()
}
$('#gridList').bootstrapTable('updateRow', { index: $(obj).data('index'), row: row })

}

4、表格刷新

$("#gridList").bootstrapTable('refresh');

转载于:https://www.cnblogs.com/520lw/p/10919931.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/668936
推荐阅读
相关标签
  

闽ICP备14008679号