javascript - 如何在动态添加行后刷新 JQuery 移动表

Question

我正在根据从服务器获取的 JSON 字符串向 JQ Mobile 表中添加行。

我在刷新后第一次进入页面时，没有添加任何样式，但是之后每次都一切正常。

有没有办法像 ListView 一样刷新/初始化表格？

下面的代码是我添加行的地方:

$.each(result, function() {
    var imgString;

    if(result[i]["status"] == 'Y') {
        imgString = '<img src= images/checkMark.png height=\"40\" width=\"40\" align=\"middle\">';
    } else {
        imgString = '';
    }

    $('#pickupTable > tbody:last').append('<tr><td class=\"tableRow10\">' +  imgString + 
      '<td class=\"tableRow80\"><a><button class=\"selectPickup\" pickupCode = \"'+ 
      result[i]["id"] + '\"> '+ result[i]["address"] +'</button></a></td></tr>');
    i++;
});

$('#pickupTable > tfoot:last').append('<tr><td colspan="5">Total Pick Ups: ' 
  +result.length + '</td></tr>');

Answer 1

您应该能够使用:$("#myTable").table("refresh");

但是jquery mobile 1.3.0版本还没有实现。

参见 https://github.com/jquery/jquery-mobile/issues/5570

听起来您必须在页面初始化之前添加行，或者在添加行之后才设置表的属性data-role="table"。 $("#myTable").table();

在我正在处理的实现中，我允许用户添加行。对我来说幸运的是，该网站设计为可以使用更大的移动设备查看，所以我可以等待 1.3.1