如何更新jQuery移动表

我想在jQuery手机中创建一个表格。 该表将从MySQL更新。 请告诉我在jQuery mobile中创建和更新表的过程。我对这个平台完全陌生。


您应该使用AJAX更新您的表格而不刷新页面。 从你的jquery / html页面,你添加新的数据后,你做了一个Ajax调用来更新表格(我认为这就是你需要更新的原因)。

它的工作原理是这样的:

  • 有一个单独的脚本来显示你的表

  • 使用JQUERY AJAX在页面加载时为您显示表格

    $(document).on("pageinit", "#visualUnitList", function () {
                    LoadVisualUnitTable();
                });
    
  • 编写函数来显示表格

    function LoadVisualUnitTable() {
      $.post('unit_DisplayVisualTable.php', 'unitSearchBox=<?php echo $_POST ['unitSearchBox'];?>, function(data) {
      $("#visualUnitListTable-popup-popup").remove();    //<!-- remove "select columns to display" popup from dom before reloading - fix for button not working after reload -->
      $("#visualUnitTable").html(data).enhanceWithin();//<!-- load data to div -->
    });
    return false;
    };
    
  • 这将使您的表格出现在屏幕上。 如果你想更新/编辑表中的数据,你需要编写更多的Ajax来将数据发布到单独的php(?)脚本中。 在发布数据之后,您将只需运行LoadVisualUnitTable()就像我在第1点中的那样。

    我希望这可以帮助。

    ps对于将来可能会问的任何问题,如果您提供更多关于您想要实现的细节的信息,编写响应要容易得多,而且如果您可以发布现有的代码,那就更好了。

    链接地址: http://www.djcxy.com/p/65385.html

    上一篇: How to update jQuery mobile tables

    下一篇: jquery mobile table column width