zoukankan      html  css  js  c++  java
  • Bootstrap Table 从新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 + '" onkeyup="GetInputByQuatity(this)"

    data-index="' + index + '" onkeyup="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');

  • 相关阅读:
    (4.3)ODBC/OLE DB/ADO概念与使用情况
    查找至少连续出现三次的所有数字/连续3天的日期【LeetCode】
    javascript 事件触发
    document.referrer
    创业公司
    关于javascript 回调函数
    promise
    javascript deferred
    document.readystate
    window---->load, document------DOMContentLoaded
  • 原文地址:https://www.cnblogs.com/520lw/p/10919931.html
Copyright © 2011-2022 走看看