javascript - 在 Django 中使用 Bootstrap-Table 和 Javascript 的意外行为(内联可编辑)

Question

我正在使用 bootstrap-table使用内联可编辑插件为笔记本电脑列表创建 Bootstrap 表。我的目标是在用户对表进行更改后将更改应用到我的 csv 文件就像这个例子(产品类别:笔记本电脑)

我在下面创建了一个 javascript 函数，用于将 Ajax 数据发送到我的 Django 服务器。

// ajax to server
$(function () {
     $( "#table" ).on("click" , 'button',function(event){
      var selected_item = getSelectedRow(); //this will return selected row object
         console.log(selected_item);
         $.ajax({
        type: "post",

        url: '/update/',
        data: {
            'item': JSON.stringify(selected_item)
        },
        success: function (data) {
            alert('success');
            }
        });
     });
});

下面是我控制台日志的输出

(pcategory has been changed to Laptop2)

但是，当我尝试从 Django 获取数据时。它给了我下面的输出，(pcategory 没有更改为 Laptop2)

{'webcam': 'WebCam', 'lannum': '2', 'condition': 'Refurbished', 'video2': 'GM204M [GeForce GTX 970M]', 'memorybanks': '8G 2133MHz/8G 2133MHz/', 'cpus': '1', 'customernotes': '', 'lanmodels': 'Killer E2400 Gigabit Ethernet Controller/WLAN QCA6174 802.11ac Wireless Network Adapter/', 'internalnotes': '', 'pline': 'Alienware', 'sku': 'LEN-LT-TPEdge-03BV001', 'cddvd': '', 'hddcapacity': '0.0G', 'coresthreads': '4 | 8', 'sound': 'Sound-Yes', 'pmodel': '15 R2', 'resolution': '1230x1000', 'ptype': 'Minitower', 'grade': 'GradeB:R2-Ready for Resale', 'touchscreen': 'Yes', 'hddqty': '0', 'pcategory': 'Laptop', 'processor': 'i7-6700HQ  2.60GHz', 'memory': '16G', 'serialnum': 'BFYNM72', 'video1': 'GM204M [GeForce GTX 970M]', 'hddmodels': '', 'manufacturer': 'Alienware', 'motherboard': 'Alienware 15 R2', 'batch': '03BV', 'hddserialnum': ''}

我的 Django View 函数:

@csrf_exempt
def update_page(request):
    file_path = os.path.join(CSV_BASE_DIR, CURRENT_BATCH, '{}.csv'.format(CURRENT_BATCH))
    if request.method == 'POST':
        item = json.loads(request.POST.get('item'))
        pprint.pprint(item)
        overwrite_csv(file_path,item)
    else:
        print('no data back!')
    return HttpResponse('yes')

当我再次更改输入时，我注意到了。该值将更改为 laptop2。它似乎并没有像我期望的那样保存值(value)。我想知道我的 Django 服务器是否有任何方法可以在我单击复选标记时立即获得相同的值？

先谢谢大家。

Answer 1

确保列表和更新的数据源相同。