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

2023-11-29

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

刷新后第一次进入该页面时,没有添加任何样式,但此后每次都一切正常。

有没有办法像列表视图一样刷新/初始化表?

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

$.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>');

You should能够只使用:$("#myTable").table("refresh");

但它尚未在 jquery mobile 1.3.0 版本中实现。

See https://github.com/jquery/jquery-mobile/issues/5570

听起来您必须在初始化页面之前添加行,或者不设置表的属性数据角色=“表”直到添加行之后。$("#myTable").table();

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在动态添加行后刷新 JQuery 移动表 的相关文章